codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-28 01:56:01 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #1427 from awesomerobot/master

Browse source 
Reducing margins on mobile view
This commit is contained in:
Sam 2013-09-11 00:36:57 -07:00
commit def4f15795
4 changed files with 13 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/assets/stylesheets/mobile/compose.css.scss
View file

@ -381,8 +381,8 @@ div.ac-wrap {
} }
} }
.wmd-controls { .wmd-controls {
left: 30px; left: 10px;
right: 30px; right: 10px;
position: absolute; position: absolute;
top: 60px; top: 60px;
bottom: 54px; bottom: 54px;
@ -455,8 +455,7 @@ div.ac-wrap {
} }
.control-row.reply-area { .control-row.reply-area {
padding-left: 20px;
padding-right: 20px;
} }
@media screen and (min-width: 1550px) { @media screen and (min-width: 1550px) {

2
app/assets/stylesheets/mobile/discourse.css.scss
View file

@ -83,7 +83,7 @@ body {
height: 100%; height: 100%;
@include border-radius-all(5px); @include border-radius-all(5px);
.contents { .contents {
padding: 10px 20px 10px 20px; padding: 10px 10px 10px 10px;
} }
&.white { &.white {
background-color: $white; background-color: $white;

6
app/assets/stylesheets/mobile/header.css.scss
View file

@ -6,8 +6,8 @@
// -------------------------------------------------- // --------------------------------------------------
.d-header { .d-header {
padding-left: 20px !important; padding-left: 10px !important;
padding-right: 40px; padding-right: 10px !important;
min-width: 100%; min-width: 100%;
position: absolute; position: absolute;
top: 0; top: 0;
@ -43,7 +43,7 @@ box-shadow: 0 0 3px #aaa;
.panel { .panel {
float: right; float: right;
position: relative; position: relative;
margin-right: 30px; margin-right: 20px;
} }
.current-username { .current-username {
float: left; float: left;

12
app/assets/stylesheets/mobile/topic-post.css.scss
View file

@ -99,7 +99,7 @@ button {
} }
.post-actions { .post-actions {
margin-left: 20px; margin-left: 10px;
margin-top: 2px; margin-top: 2px;
} }
@ -133,7 +133,7 @@ a.star {
} }
border-radius: 5px; border-radius: 5px;
margin: 15px 20px 20px 20px; margin: 15px 10px 20px 10px;
border: 1px solid #ddd; border: 1px solid #ddd;
h3 { h3 {
@ -246,16 +246,16 @@ a.star {
#topic-footer-buttons { #topic-footer-buttons {
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
padding: 20px 20px 0 20px; padding: 20px 10px 0 10px;
} }
#suggested-topics { #suggested-topics {
float: left; float: left;
clear: left; clear: left;
margin-top: 10px; 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; display: none;
} }
@ -289,7 +289,7 @@ span.post-count {
z-index: 1000; z-index: 1000;
background: #eee; background: #eee;
margin: 0 0 0 0 !important; margin: 0 0 0 0 !important;
padding: 15px 20px 15px 20px; padding: 15px 10px 15px 10px;
} }
.topic-post article.boxed img { .topic-post article.boxed img {