diff options
author | Jacob Schatz <jacobschatz@Jacobs-MBP.fios-router.home> | 2016-03-04 16:53:02 +0300 |
---|---|---|
committer | Jacob Schatz <jacobschatz@Jacobs-MBP.fios-router.home> | 2016-03-04 17:06:57 +0300 |
commit | d98dc53106181f695cadd2b9a3a18de5a2a0b485 (patch) | |
tree | 60cd6b73f9d241fa8c4875273b10e422fe98613e /app/assets/stylesheets/framework/issue_box.scss | |
parent | 614cd8d12e5970967b9eab789665c2a195ddbba7 (diff) |
Correct media queries for small devices and tablets.
Diffstat (limited to 'app/assets/stylesheets/framework/issue_box.scss')
-rw-r--r-- | app/assets/stylesheets/framework/issue_box.scss | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/app/assets/stylesheets/framework/issue_box.scss b/app/assets/stylesheets/framework/issue_box.scss index 2b72c249368..77a00586b26 100644 --- a/app/assets/stylesheets/framework/issue_box.scss +++ b/app/assets/stylesheets/framework/issue_box.scss @@ -5,14 +5,17 @@ */ .status-box { - @media (max-width: $screen-sm-max) { - padding: 5px 11px; - margin-top: 4px; - } + + /* Extra small devices (phones, less than 768px) */ + /* No media query since this is the default in Bootstrap */ + padding: 5px 11px; + margin-top: 4px; + /* Small devices (tablets, 768px and up) */ @media (min-width: $screen-sm-min) { padding: 0 $gl-btn-padding; margin-top: 5px; } + @include border-radius(3px); display: block; float: left; |