fix(landing): fix broken button styling (#1410)

#1410
linz · Feb 2, 2021 · 98b5f3b · 98b5f3b
1 parent 3733409
commit 98b5f3b
Showing 1 changed file with 20 additions and 7 deletions.
diff --git a/packages/landing/static/index.css b/packages/landing/static/index.css
@@ -29,7 +29,8 @@ button {
     background-color: inherit;
 }
 
-#map .ol-zoom button, #map .ol-attribution button {
+#map .ol-zoom button,
+#map .ol-attribution button {
     cursor: pointer;
     background-color: white;
     color: #00425d;
@@ -52,14 +53,11 @@ button {
 
 #map .ol-attribution {
     font-size: .8em;
-    background-color: rgba(255,255,255, .7);
+    background-color: rgba(255, 255, 255, .7);
 }
 
 .checker-board {
-    background-image: linear-gradient(45deg, #00000010 25%, transparent 25%),
-                      linear-gradient(45deg, transparent 75%, #00000010 75%),
-                      linear-gradient(45deg, transparent 75%, #00000010 75%),
-                      linear-gradient(45deg, #00000010 25%, transparent 25%);
+    background-image: linear-gradient(45deg, #00000010 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #00000010 75%), linear-gradient(45deg, transparent 75%, #00000010 75%), linear-gradient(45deg, #00000010 25%, transparent 25%);
     background-size: 100px 100px;
     background-position: 0 0, 0 0, -50px -50px, 50px 50px;
 }
@@ -144,6 +142,12 @@ button {
     padding-bottom: 4px;
 }
 
+.lui-header-primary button {
+    background: none;
+    color: #fff;
+    line-height: normal;
+}
+
 .lui-header-logo {
     display: flex;
 }
@@ -175,6 +179,15 @@ button {
     display: none;
 }
 
+.side-nav .lui-button-group .lui-button-wrapper {
+    flex: auto;
+    flex-grow: 0;
+}
+
+.side-nav .lui-button-group .lui-button {
+    padding: 0 2rem;
+}
+
 #menu-close {
     position: absolute;
     background-color: transparent;
@@ -292,4 +305,4 @@ button {
 .side-nav[aria-hidden='true'] a {
     visibility: hidden;
     transition: 0.5s;
-}
+}