make box-shadows line up on all screen resolutions

2022-07-13 12:14:05 -04:00
parent eab29704e2
commit 934833c042
2 changed files with 9 additions and 1 deletions
@@ -273,6 +273,14 @@ a.no-underline { text-decoration: none; }

@media only screen and (min-width: 768px) {
        .zero-margin { margin: -2px; }
+
+        /* add flex so that blue box-shadows line up */
+        #flex-search-form {
+                display: flex;
+                flex-direction: row;
+                justify-content: center;
+        }
+ 
        #blue-border1 {
                box-shadow: 0px 5px 0 var(--kbccblue), 0px -5px 0 var(--kbccblue), -5px -5px 0 var(--kbccblue), -5px 5px 0 var(--kbccblue);
        }