Partial fix for buttons for W10M with custom large text scale.

UnigramDev · Apr 14, 2017 · b2c6fa1 · b2c6fa1
1 parent 1dbf6ff
commit b2c6fa1
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 21 deletions.
diff --git a/css/new-age.css b/css/new-age.css
@@ -325,13 +325,8 @@ section.contact {
       color: #dd4b39; }
   section.contact ul.list-social {
     margin-bottom: 0; }
-  /* Fix for contact buttons */
-  .list-inline li{
-    margin-bottom: 12px; }
-  .list-inline-item:not(:last-child) {
-    margin-right: 0px; }
-    .list-inline-item .btn-si {
-    width: 230px; }
+  .contact-buttons button{
+      margin-bottom: 12px; }
 
 /* Other components */
 

diff --git a/css/new-age.min.css b/css/new-age.min.css
diff --git a/index.html b/index.html
@@ -314,15 +314,15 @@ <h3>Lorenzo Rossoni</h3>
         <div class="container">
             <h2>We <i class="fa fa-heart"></i> new friends!</h2>
             <p class="text-muted">Follow us on Twitter or join our official Unigram group</p>
-                <hr>
-            <ul class="list-inline list-social">
-                <li class="list-inline-item">
-                    <button id="unigram-twitter" class="btn-si btn-twitter">@UnigramApp</button>
-                </li>
-                <li class="list-inline-item">
-                    <button id="unigram-insiders" class="btn-si btn-unigram">Unigram Insiders</button>
-                </li>
-            </ul>
+            <hr>
+            <div class="row">
+                <div class="col-md-8 offset-md-2">
+                    <div class="contact-buttons">
+                        <button id="unigram-twitter" class="btn-si btn-twitter">@UnigramApp</button>
+                        <button id="unigram-insiders" class="btn-si btn-unigram">Unigram Insiders</button>
+                    </div>
+                </div>
+            </div>
         </div>
     </section>