Widen key field and fix value field resize

Nike-Inc · May 22, 2018 · 7eb87d4 · 7eb87d4
1 parent 1641eeb
commit 7eb87d4
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/dashboard/app/components/SecureData/SecureData.scss b/dashboard/app/components/SecureData/SecureData.scss
@@ -9,7 +9,7 @@
   only screen and (                min-resolution: 192dpi),
   only screen and (                min-resolution: 2dppx)
   {
-     width: 97%;
+     width: 100%;
   }
   @media /* Thunderbolt display */
   only screen and (-webkit-max-device-pixel-ratio: 1.99),
@@ -19,7 +19,7 @@
   only screen and (                max-resolution: 191dpi),
   only screen and (                max-resolution: 1.99dppx)
   {
-    width: 65%;
+    width: 70%;
   }
 
   padding-left: 10px;

diff --git a/dashboard/app/components/SecureDataForm/SecureDataForm.scss b/dashboard/app/components/SecureDataForm/SecureDataForm.scss
@@ -1,7 +1,7 @@
 @import '../../assets/styles/common.scss';
 
 #add-new-secure-data-form {
-  width: 700px;
+  width: 1150px;
   #new-secure-data-path {
     display: flex;
     font-size: 16px;
@@ -23,7 +23,7 @@
 
     #new-secure-data-path-user-value {
       padding-left: 5px;
-      flex: 1;
+      flex: .6;
     }
 
     .new-secure-data-path-user-value-read-only {
@@ -36,19 +36,22 @@
 
   #new-secure-data-kv-map {
     padding-top: 10px;
-    padding-left: 25px;
   }
   .new-secure-data-kv-entry {
     padding-bottom: 8px;
     display: flex;
 
     .secure-data-key {
-      flex: .4;
+      flex: 1.2;
     }
 
     .secure-data-value {
-      flex: .6;
+      flex: 1.2;
       padding-left: 10px;
+
+      textarea {
+        resize: vertical;
+      }
     }
   }