From a8bc789b81689a35c699893f2f0f091d340fdaa5 Mon Sep 17 00:00:00 2001 From: Kris Aubuchon Date: Tue, 10 Sep 2013 23:56:55 -0400 Subject: [PATCH] reducing margins on mobile --- app/assets/stylesheets/mobile/compose.css.scss | 7 +++---- app/assets/stylesheets/mobile/discourse.css.scss | 2 +- app/assets/stylesheets/mobile/header.css.scss | 6 +++--- app/assets/stylesheets/mobile/topic-post.css.scss | 12 ++++++------ 4 files changed, 13 insertions(+), 14 deletions(-) diff --git a/app/assets/stylesheets/mobile/compose.css.scss b/app/assets/stylesheets/mobile/compose.css.scss index bf1c19abad..f279e195b2 100644 --- a/app/assets/stylesheets/mobile/compose.css.scss +++ b/app/assets/stylesheets/mobile/compose.css.scss @@ -381,8 +381,8 @@ div.ac-wrap { } } .wmd-controls { - left: 30px; - right: 30px; + left: 10px; + right: 10px; position: absolute; top: 60px; bottom: 54px; @@ -455,8 +455,7 @@ div.ac-wrap { } .control-row.reply-area { - padding-left: 20px; - padding-right: 20px; + } @media screen and (min-width: 1550px) { diff --git a/app/assets/stylesheets/mobile/discourse.css.scss b/app/assets/stylesheets/mobile/discourse.css.scss index c1104ef41e..ac26fbb979 100644 --- a/app/assets/stylesheets/mobile/discourse.css.scss +++ b/app/assets/stylesheets/mobile/discourse.css.scss @@ -83,7 +83,7 @@ body { height: 100%; @include border-radius-all(5px); .contents { - padding: 10px 20px 10px 20px; + padding: 10px 10px 10px 10px; } &.white { background-color: $white; diff --git a/app/assets/stylesheets/mobile/header.css.scss b/app/assets/stylesheets/mobile/header.css.scss index ffa9968556..29a7b283be 100644 --- a/app/assets/stylesheets/mobile/header.css.scss +++ b/app/assets/stylesheets/mobile/header.css.scss @@ -6,8 +6,8 @@ // -------------------------------------------------- .d-header { - padding-left: 20px !important; - padding-right: 40px; + padding-left: 10px !important; + padding-right: 10px !important; min-width: 100%; position: absolute; top: 0; @@ -43,7 +43,7 @@ box-shadow: 0 0 3px #aaa; .panel { float: right; position: relative; - margin-right: 30px; + margin-right: 20px; } .current-username { float: left; diff --git a/app/assets/stylesheets/mobile/topic-post.css.scss b/app/assets/stylesheets/mobile/topic-post.css.scss index 991d670886..e528063f63 100644 --- a/app/assets/stylesheets/mobile/topic-post.css.scss +++ b/app/assets/stylesheets/mobile/topic-post.css.scss @@ -99,7 +99,7 @@ button { } .post-actions { - margin-left: 20px; + margin-left: 10px; margin-top: 2px; } @@ -133,7 +133,7 @@ a.star { } border-radius: 5px; - margin: 15px 20px 20px 20px; + margin: 15px 10px 20px 10px; border: 1px solid #ddd; h3 { @@ -246,16 +246,16 @@ a.star { #topic-footer-buttons { border-top: 1px solid #ddd; - padding: 20px 20px 0 20px; + padding: 20px 10px 0 10px; } #suggested-topics { float: left; clear: left; margin-top: 10px; - padding: 0 20px 0 20px; + padding: 0 10px 0 10px; - th.views, td.views, td.activity, th.activity { + th.views, td.views, td.activity, th.activity, th.likes, td.likes { display: none; } @@ -289,7 +289,7 @@ span.post-count { z-index: 1000; background: #eee; margin: 0 0 0 0 !important; - padding: 15px 20px 15px 20px; + padding: 15px 10px 15px 10px; } .topic-post article.boxed img {