Fix width

diff --git a/css/mock1.css b/css/mock1.css
index c3dbf7ff4dbecefb27f0cb03ba3318ce21287e84..1a433ab1bd089e3116ec569cb66823beae7e3af8 100644 (file)
--- a/css/mock1.css
+++ b/css/mock1.css
@@ -66,13 +66,11 @@ a {
   margin: 50px 0 0 0;
   padding: 0;
   width: 100%; 
-  margin-left: 0;
-  margin-right: 0;
   min-height: 100%;
 }
 .main {
   margin-left: 0.5em;
-  margin-right: 0.5em;
+  /*margin-right: 0.5em;*/
 }
 
 /* jumbotron */
@@ -119,11 +117,6 @@ a {
 .fa-users {
   margin-top: 5px;
 }
-.box-center {
-  margin-top: 22.5px;
-  margin-left: 5px;
-  margin-right: 5px;
-}
 .title {
   text-align: center;
 }
@@ -215,8 +208,6 @@ a.hchild:active {
 }
 .footerchild {
   margin-top: 0.5em;
-  margin-left: 0.5em;
-  margin-right: 0.5em;
 }
 .footer a {
   color: rgb(var(--footer-link-color));
@@ -224,6 +215,8 @@ a.hchild:active {
 .footerchild ul,
 .footerchild ul ul {
   margin: 0;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
   padding: 0;
   list-style-type: none;
 }
@@ -246,7 +239,9 @@ a.hchild:active {
   }
 }
 .footer h2, .footer h3 {
-margin: 0;
+  margin: 0;
+  margin-left: 0.5em;
+  margin-right: 0.5em;
 }
 .copyright {
   display: flex;

diff --git a/index_mock1.html b/index_mock1.html
index 2018058a8c92ce083dbdc765523cf09968b798c5..cbc6aaa92b1d9229be71a09fa1bfd8495514ff7d 100644 (file)
--- a/index_mock1.html
+++ b/index_mock1.html
@@ -63,8 +63,9 @@
                 <li><a>Policies</a></li>
                 <li><a>Credits</a></li>
               </ul>
-              </div>
-              <div class="footerchild">
+            </div>
+              
+            <div class="footerchild">
               <h2>Using freenode</h2>
               <ul>
                 <li><a>Connect</a></li>
@@ -72,28 +73,30 @@
                 <li><a>Webchat</a></li>
                 <li><a>SASL</a></li>
               </ul>
-              </div>
-              <div class="footerchild">
+            </div>
+            
+            <div class="footerchild">
               <h2>Groups/Projects</h2>
               <ul>
                 <li><a>Group Management System</a></li>
                 <li><a>Groups on freenode</a></li>
                 <li><a>How Groups Work</a></li>
               </ul>
-              </div>
-              <div class="footerchild">
+            </div>
+            
+            <div class="footerchild">
               <h2>Support freenode</h2>
               <ul>
                 <li><a>Host a server</a></li>
-                </ul>
+              </ul>
             </div>
-        </div>
-        <div class="footerchild">
-            <h2>Social Media</h2>
-            <ul>
-            <li><a href="https://plus.google.com/104326727082310562426" target="_blank"><i class="fa fa-google-plus"></i> Google+</a></li>
-            <li><a href="https://twitter.com/freenodestaff" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li>
-            <li><a href="PIA" target="_blank"><img src="img/logos/pia-robot-original.svg" alt="PIA" height="14px" /> Private Internet Access</a></li>
+        
+            <div class="footerchild">
+              <h2>Social Media</h2>
+              <ul>
+                <li><a href="https://plus.google.com/104326727082310562426" target="_blank"><i class="fa fa-google-plus"></i> Google+</a></li>
+                <li><a href="https://twitter.com/freenodestaff" target="_blank"><i class="fa fa-twitter"></i> Twitter</a></li>
+                <li><a href="PIA" target="_blank"><img src="img/logos/pia-robot-original.svg" alt="PIA" height="14px" /> Private Internet Access</a></li>
             </ul>
         </div>
     </footer>