Config parameter map styling, 3

[osm/UI.git] / skyquake / plugins / composer / src / src / styles / EditConfigParameterMap.scss

diff --git a/skyquake/plugins/composer/src/src/styles/EditConfigParameterMap.scss b/skyquake/plugins/composer/src/src/styles/EditConfigParameterMap.scss
index ed16003..352fa95 100644 (file)
--- a/skyquake/plugins/composer/src/src/styles/EditConfigParameterMap.scss
+++ b/skyquake/plugins/composer/src/src/styles/EditConfigParameterMap.scss
@@ -17,6 +17,7 @@
  */
 
 @import "main";
+@import "variables";
 @import "ColorGroups";
 
 .config-parameter-map {
@@ -33,13 +34,41 @@
 
 
 
-       width: 600px;
-
+       max-width: 980px;
+       .config-parameter-titles {
+               display: -ms-flexbox;
+               display: flex;
+               -ms-flex: 1 1 100%;
+                   flex: 1 1 100%;
+           padding-bottom:10px;
+           color: #AEAEAE;
+           text-transform:uppercase;
+                   .config-parameter {
+                       padding-left: 10px;
+                   }
+       }
        .config-parameter {
+               display:-ms-flexbox;
+               display:flex;
                -ms-flex: 1 1 50%;
                    flex: 1 1 50%;
                    &-source, &-request {
-                               border-top:1px solid $vld-primary-color;
+                       -ms-flex: 1 1 50%;
+                       flex: 1 1 50%;
+                               border-top:1px solid silver;
+                               padding: 10px 10px;
+                                                   }
+                   &-request{
+                       line-height: 25px;
+                   }
+                   &-group {
+                       -ms-flex: 1 1 100%;
+                           flex: 1 1 100%;
+                       display:-ms-flexbox;
+                       display:flex;
+                       &:nth-child(2) {
+                               background: $panel-bg-color-contrast;
+                       }
                    }
        }