Merge pull request #15 from Nike-Inc/fix/display_more_of_secret_key

Enlarges the field that displays secret keys in an SDB

app/components/VaultSecret/VaultSecret.scss

@@ -1,7 +1,26 @@
 @import '../../assets/styles/common.scss';
 
 .vault-secret-container {
-  width: 735px;
+  @media /* Macbook Pro */
+  only screen and (-webkit-min-device-pixel-ratio: 2),
+  only screen and (   min--moz-device-pixel-ratio: 2),
+  only screen and (     -o-min-device-pixel-ratio: 2/1),
+  only screen and (        min-device-pixel-ratio: 2),
+  only screen and (                min-resolution: 192dpi),
+  only screen and (                min-resolution: 2dppx)
+  {
+     width: 97%;
+  }
+  @media /* Thunderbolt display */
+  only screen and (-webkit-max-device-pixel-ratio: 1.99),
+  only screen and (   max--moz-device-pixel-ratio: 1.99),
+  only screen and (     -o-max-device-pixel-ratio: 1.99/1),
+  only screen and (        max-device-pixel-ratio: 1.99),
+  only screen and (                max-resolution: 191dpi),
+  only screen and (                max-resolution: 1.99dppx)
+  {
+    width: 65%;
+  }
 
   padding-left: 10px;
   padding-right: 10px;
@@ -57,6 +76,7 @@
     margin-top: 5px;
 
     #vault-add-new-secret-form {
+      width: 100%;
 
       #new-vault-secret-path {
         #new-vault-secret-path-label {

app/components/VaultSecretForm/VaultSecretForm.scss

@@ -43,11 +43,11 @@
     display: flex;
 
     .vault-secret-key {
-      flex: .3;
+      flex: .4;
     }
 
     .vault-secret-value {
-      flex: .7;
+      flex: .6;
       padding-left: 10px;
     }
   }
@@ -148,6 +148,7 @@
 }
 
 .secret-value-placeholder {
+  text-align: center;
   font-size: 14px;
   font-weight: normal;
   border-radius: 2px;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cerberus-management-dashboard",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A management dashboard for Cerberus.",
   "main": "index.js",
   "repository": {