More updates on the footer info line

Redo for going into mobile view

diff --git a/css/app.css b/css/app.css
index 12712b5..a03a80d 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6925,10 +6925,15 @@ ul#actionlinks a#lodging_specials:hover {
   float: left;
   /*width: 62%;*/
   overflow: hidden;
-  margin: 0 0 0 12px;
+  margin: 0 0 0 -8px;
   padding: 0 0 5px 0;
   text-align: left;
   color: #0F2F4D; }
+  #info li > a {
+    display: inline !important;
+    margin: 0 10px; }
+  #info li > a:first-child {
+    margin: 0 10px 0 0; }
   #info li {
     /*margin-left: 0;*/
     position: relative; }
@@ -6946,7 +6951,13 @@ ul#actionlinks a#lodging_specials:hover {
   @media screen and (max-width: 40em) {
     #info {
       margin: 0;
-      text-align: center; } }
+      float: none;
+      text-align: center; }
+      #info li {
+        float: none; }
+      #info li::before {
+        content: '';
+        margin: 0; } }
 
 #info a {
   color: #0F2F4D; }

diff --git a/scss/_structure.scss b/scss/_structure.scss
index 343f9e0..a5e5da6 100755 (executable)
--- a/scss/_structure.scss
+++ b/scss/_structure.scss
@@ -854,10 +854,17 @@ ul#actionlinks a#lodging_specials:hover {
     float: left;
     /*width: 62%;*/
     overflow: hidden;
-    margin: 0 0 0 12px;
+    margin: 0 0 0 -8px;
     padding: 0 0 5px 0;
     text-align: left;
     color: #0F2F4D;
+    li > a {
+        display: inline !important;
+        margin: 0 10px;
+    }
+    li > a:first-child {
+        margin:0 10px 0 0;
+    }
     li {
         /*margin-left: 0;*/
         position: relative;
@@ -877,7 +884,15 @@ ul#actionlinks a#lodging_specials:hover {
     }
     @media screen and (max-width: 40em) {
         margin: 0;
+        float: none;
         text-align: center;
+        li {
+            float: none;
+        }
+        li::before {
+            content: '';
+            margin: 0;
+        }
     }
 }
 #info a {

diff --git a/templates/template.html b/templates/template.html
index a7498c6..cf8925e 100755 (executable)
--- a/templates/template.html
+++ b/templates/template.html
@@ -157,10 +157,8 @@
                     <li>Harbor Springs, MI 49740</li>
                 </ul>
                 <ul id="info" class="inline-list">
-                    <li><a href="tel:2315262148">231-526-2148</a></li>
-                    <li><a href="tel:+18007480245">1-800-748-0245</a></li>
-                    <li><a href="mailto:info@troutcreek.com">info@troutcreek.com</a></li>
-                    <li><a href="https://reservations.troutcreek.com/irmnet/owner/ownerhome.aspx">Owners Section</a></li>
+                    <li><a href="tel:2315262148">231-526-2148</a> &bull; <a href="tel:+18007480245">1-800-748-0245</a></li>
+                    <li><a href="mailto:info@troutcreek.com">info@troutcreek.com</a> &bull; <a href="https://reservations.troutcreek.com/irmnet/owner/ownerhome.aspx">Owners&nbsp;Section</a></li>
                     <li><a href="{baseURLDefined:h}site-map">Site Map</a></li>
                 </ul>
             </div>