Style part of earlier improving markup commit.

Changed some classes to IDs, some names from underscores
to hyphens, and gave some elements 100% so they wouldn't
try to wrap over each other.

diff --git a/scss/_structure.scss b/scss/_structure.scss
index c41a804..c00a8dc 100644 (file)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -9,7 +9,8 @@ body {
     margin-left: auto;
     margin-right: auto;
 }
-#content_wrapper {
+#content-wrapper {
+    width: 100%; max-width: 100%;
     background-color: white;
     > * {
         max-width: 1000px;
@@ -20,6 +21,10 @@ body {
             padding-right: 20px;
         }
     }
+    .content {
+        margin-bottom: 0px;
+        border-bottom: 1px solid lightgrey;
+    }
 }
 p {
     line-height: 1.4;
@@ -92,7 +97,7 @@ header .row .search img {
   position: sticky;
   width: 32px;
 }
-header {
+#page-header {
     background: $black;
     .row {
         #logo {
@@ -157,7 +162,7 @@ header {
         .search {
             padding-bottom: 25px;
             padding-top: 5px;
-            input {
+            #lar-search {
                 width: 100%;
                 height: 24px;
                 font-size: rem-calc(12);
@@ -165,7 +170,7 @@ header {
                 margin: 0;
                 border-radius: 10px;
             }
-            img {
+            #top-search-button {
                 float: right;
                 margin-top: -24px;
                 border-radius: 10px;
@@ -393,12 +398,6 @@ slider .metaslider img,
 #welcome {
     padding: 0 30px;
 }
-#content_wrapper {
-    .content {
-        margin-bottom: 0px;
-        border-bottom: 1px solid lightgrey;
-    }
-}
 .content {
     background: $white;
     padding: 20px;
@@ -573,11 +572,13 @@ a.link {
         margin: 0 2px;
     }
 }
-#footer_address {
+#footer-address {
+    width: 100%; max-width: 100%;
     background: white;
-    padding-bottom: 20px;
+    padding: 20px 0;
 }
-footer {
+#page-footer {
+    width: 100%; max-width: 100%;
     background: #b9b8a3;
     img {
         margin: 25px 0;
@@ -587,11 +588,11 @@ footer {
             border: 2px solid white;
         }
     }
-    #footer_signup:hover {
+    #footer-signup:hover {
         cursor: pointer;
     }
 }
-footer span.bullet,
+#page-footer span.bullet,
 #copyright span.bullet {
     margin: 0 5px;
     @media #{$small-only} {