mastofe

commit: a3e53bd442752f210db2025f2dfc45e7599354c2
parent: 8eb6d171e690e013eb2881478cfa1fd50b4ba705
Author: Lynx Kotoura <lynx@lv9.org>
Date:   Tue,  8 Aug 2017 03:33:06 +0900

Adjust tags and accounts page (#4534)

* Adjust tag and accounts page

* Remove units from 0px paddings

Diffstat:
M
app/javascript/styles/accounts.scss
4
++--
M
app/javascript/styles/compact_header.scss
8
+++++++-
M
app/javascript/styles/containers.scss
2
+-
M
app/views/tags/show.html.haml
1
+

4 files changed, 11 insertions(+), 4 deletions(-)
diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss
@@ -9,7 +9,7 @@
   overflow: hidden;
   position: relative;
 
-  @media screen and (max-width: 700px) {
+  @media screen and (max-width: 740px) {
     border-radius: 0;
     box-shadow: none;
   }
@@ -272,7 +272,7 @@
   display: flex;
   flex-wrap: wrap;
 
-  @media screen and (max-width: 700px) {
+  @media screen and (max-width: 740px) {
     border-radius: 0;
     box-shadow: none;
   }
diff --git a/app/javascript/styles/compact_header.scss b/app/javascript/styles/compact_header.scss
@@ -3,9 +3,15 @@
     font-size: 24px;
     line-height: 28px;
     color: $ui-primary-color;
-    overflow: hidden;
     font-weight: 500;
     margin-bottom: 20px;
+    padding: 0 10px;
+    overflow-wrap: break-word;
+
+    @media screen and (max-width: 740px) {
+      text-align: center;
+      padding: 20px 10px 0;
+    }
 
     a {
       color: inherit;
diff --git a/app/javascript/styles/containers.scss b/app/javascript/styles/containers.scss
@@ -3,7 +3,7 @@
   margin: 0 auto;
   margin-top: 40px;
 
-  @media screen and (max-width: 700px) {
+  @media screen and (max-width: 740px) {
     width: 100%;
     margin: 0;
   }
diff --git a/app/views/tags/show.html.haml b/app/views/tags/show.html.haml
@@ -4,6 +4,7 @@
 .compact-header
   %h1<
     = link_to site_title, root_path
+    %br
     %small ##{@tag.name}
 
 - if @statuses.empty?