fixed a few style errors

diff --git a/css/app.css b/css/app.css
index f7c0755..a8475d5 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6526,6 +6526,24 @@ main {
     .statements h1 img {
       display: none; } }
 
+#statement-pre-slider {
+  display: inline-block;
+  margin-left: -70px;
+  margin-right: 18px; }
+
+#statement-slider {
+  width: 100px;
+  display: inline-block; }
+
+@media only screen and (max-width: 40em) {
+  #statement-pre-slider {
+    display: block;
+    margin: 0 auto; }
+  #statement-slider {
+    width: auto;
+    display: inline-block;
+    margin: 0 auto; } }
+
 main.page-inside .statements {
   margin-bottom: 15px; }
 main.page-inside #content-wrapper #main-content h1 {

diff --git a/scss/_main.scss b/scss/_main.scss
index e7b49d6..9c10c7f 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -13,25 +13,26 @@ main {
         }
     }
 }
-//#statement-pre-slider {
-//    display: inline-block;
-//    margin-left: -70px;
-//    margin-right: 18px;
-//}
-//#statement-slider {
-//    width: 100px;
-//    display: inline-block;
-//}
-//@media #{$small-only} {
-//    #statement-pre-slider {
-//        display: block;
-//        margin: 0 auto;
-//    }
-//    #statement-slider {
-//        width: auto;
-//        display: inline-block;
-//        margin: 0 auto;
-//}
+#statement-pre-slider {
+    display: inline-block;
+    margin-left: -70px;
+    margin-right: 18px;
+}
+#statement-slider {
+    width: 100px;
+    display: inline-block;
+}
+@media #{$small-only} {
+    #statement-pre-slider {
+        display: block;
+        margin: 0 auto;
+    }
+    #statement-slider {
+        width: auto;
+        display: inline-block;
+        margin: 0 auto;
+    }
+}
 main.page-inside {
     .statements {
         margin-bottom: 15px;