X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=skyquake%2Fframework%2Fwidgets%2Fskyquake_nav%2FskyquakeNav.scss;h=6d2e5814d42af1ee1d8d875667ca063f37516fe6;hb=119e39d96483d5cec756be95cc0cb735fb6f9a74;hp=76df1ab16dc6d6cb387094d184e884c38e80d3f1;hpb=abf00ef39ee93f2a7ff05a4432eb3a50a88a487e;p=osm%2FUI.git

diff --git a/skyquake/framework/widgets/skyquake_nav/skyquakeNav.scss b/skyquake/framework/widgets/skyquake_nav/skyquakeNav.scss
index 76df1ab16..6d2e5814d 100644
--- a/skyquake/framework/widgets/skyquake_nav/skyquakeNav.scss
+++ b/skyquake/framework/widgets/skyquake_nav/skyquakeNav.scss
@@ -12,6 +12,7 @@
         position:relative;
         z-index: 10;
         font-size:0.75rem;
+        padding-right:1rem;
         .secondaryNav {
             -ms-flex: 1 1 auto;
                 flex: 1 1 auto;
@@ -21,16 +22,21 @@
                 justify-content: flex-end;
         }
         .app {
+            display: -ms-flexbox;
+            display: block;
             position:relative;
-            display:-ms-flexbox;
-            display:flex;
+            margin: auto 0.5rem;
+            min-width: 140px;
             h2 {
                 font-size:0.75rem;
                 border-right: 1px solid black;
                 display: -ms-flexbox;
                 display: flex;
+                -ms-flex-pack: start;
+                -ms-flex-pack: start;
+                justify-content: flex-start;
                 -ms-flex-align: center;
-                    align-items: center;
+                align-items: center;
                 .oi {
                     padding-right: 0.5rem;
                 }
@@ -40,6 +46,9 @@
                 display:none;
                 z-index:2;
                 width: 100%;
+                li {
+                    text-align:left;
+                }
             }
             &:first-child{
                 h2 {
@@ -77,6 +86,7 @@
             padding:0.5rem 1rem;
             text-decoration:none;
             text-transform:uppercase;
+            text-align:left;
             color:white;
         }
         &:before {
@@ -93,11 +103,12 @@
             align-items:center;
             padding-left: 1rem;
             text-transform:uppercase;
+            text-align: left;
             border-left:1px solid white;
             .projectSelect {
-                padding-left: 0.5rem;
+                padding: 0 0.5rem;
                 font-size: 1rem;
-                min-width: 75%;
+                /* min-width: 75%;*/
                 height: 25px;
             }
         }