Style fix for print button and cats/tags

jmr06005 · Jul 15, 2016 · 3d046d9 · 3d046d9
1 parent 9f608be
commit 3d046d9
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 7 deletions.
diff --git a/content-single.php b/content-single.php
@@ -52,6 +52,7 @@
 	</div><!-- .entry-content -->
 
 	<footer class="entry-footer">
+    	<div class="cats-and-tags row">
 		<?php
 			/* translators: used between list items, there is a space after the comma */
 			$categories = get_the_category(get_the_ID());
@@ -96,7 +97,8 @@
 				get_permalink()
 			);
 		?>
-
+
+       </div> 
 
 <div id="social-buttons"> 
 

diff --git a/css/executive.css b/css/executive.css
@@ -11807,12 +11807,9 @@ h1.entry-title {
     padding-right: 0px;
   }
 }
-#page-single .col-sm-2, #page-archive .col-sm-2 {
-  padding-left: 0px;
-}
 #page-single .col-sm-10, #page-archive .col-sm-10 {
   padding-left: 0px;
-  margin-left: -40px;
+  margin-left: -20px;
 }
 @media (max-width: 1200px) {
   #page-single .col-sm-10, #page-archive .col-sm-10 {
@@ -11822,6 +11819,7 @@ h1.entry-title {
 @media (max-width: 767px) {
   #page-single .col-sm-10, #page-archive .col-sm-10 {
     margin-bottom: 10px;
+    margin-left: 15px;
   }
 }
 @media (max-width: 767px) {
@@ -11923,6 +11921,32 @@ h1.entry-title {
 #page-single .social, #page-archive .social {
   margin-right: 6px;
 }
+#page-single #social-buttons, #page-archive #social-buttons {
+  clear: both;
+  padding-bottom: 18px;
+}
+@media (max-width: 767px) {
+  #page-single #social-buttons, #page-archive #social-buttons {
+    padding-bottom: 0px;
+  }
+}
+#page-single #social-buttons .col-sm-2, #page-archive #social-buttons .col-sm-2 {
+  padding-left: 0px;
+}
+#page-single #social-buttons .col-sm-10, #page-archive #social-buttons .col-sm-10 {
+  padding-left: 0px;
+  margin-left: -30px;
+}
+@media (max-width: 1200px) {
+  #page-single #social-buttons .col-sm-10, #page-archive #social-buttons .col-sm-10 {
+    margin-left: -10px;
+  }
+}
+@media (max-width: 767px) {
+  #page-single #social-buttons .col-sm-10, #page-archive #social-buttons .col-sm-10 {
+    margin-left: 0px;
+  }
+}
 #page-single .relatedpost, #page-archive .relatedpost {
   padding-left: 0px;
   padding-right: 8px;

diff --git a/sass/executive.scss b/sass/executive.scss
@@ -1504,17 +1504,17 @@ padding:8px 12px 4px
         }
     }
     .col-sm-2 {
-        padding-left:0px;
     }
     .col-sm-10 {
         padding-left:0px;
-        margin-left:-40px;
+        margin-left:-20px;
 
         @media (max-width:1200px) {
             margin-left:0px;
         }
         @media (max-width:767px) {
             margin-bottom:10px;
+            margin-left:15px;
         }
 
         &.social-section {
@@ -1641,6 +1641,29 @@ padding:8px 12px 4px
     .social {
         margin-right:6px;
     }
+    #social-buttons {
+        clear:both;
+        padding-bottom:18px;
+
+        @media (max-width:767px) {
+            padding-bottom:0px;
+        }
+
+        .col-sm-2 {
+            padding-left:0px;
+        }
+        .col-sm-10 {
+            padding-left:0px;
+            margin-left:-30px;
+
+            @media (max-width:1200px) {
+                margin-left:-10px;
+            }
+            @media (max-width:767px) {
+                margin-left:0px;
+            }
+        }
+    }
 
     .relatedpost{
         padding-left:0px;