about summary refs log tree commit diff
path: root/app/javascript/flavours/glitch/styles
diff options
context:
space:
mode:
authormultiple creatures <dev@multiple-creature.party>2019-04-15 19:40:32 -0500
committermultiple creatures <dev@multiple-creature.party>2019-05-21 03:16:22 -0500
commit1930b2332d4de7be92acaf1818ba7c936ec0fde8 (patch)
treed93594657885d0e1ae71fe60cea72703a8b2223c /app/javascript/flavours/glitch/styles
parentbeee1934b2bd5972a3cbcf60da3de0d5655ff79c (diff)
Limit width of single-column to 600px, keep composer docked to left.
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
-rw-r--r--app/javascript/flavours/glitch/styles/single-column/diff.scss14
1 files changed, 9 insertions, 5 deletions
diff --git a/app/javascript/flavours/glitch/styles/single-column/diff.scss b/app/javascript/flavours/glitch/styles/single-column/diff.scss
index 680ce739a..b95f43131 100644
--- a/app/javascript/flavours/glitch/styles/single-column/diff.scss
+++ b/app/javascript/flavours/glitch/styles/single-column/diff.scss
@@ -2,16 +2,18 @@
 
 /* One Column */
 :root {  //  Overrides .wide stylings for mobile view
-  @media screen and (min-width: 631px) {
+  @media screen and (min-width: 1000px) {
     .columns-area {
-      width: 80%;
+      width: 100%;
       margin: -60px auto auto;
     }
 
+    .drawer { min-width: 400px }
+
     .tabs-bar {
       display: flex;
-      width: calc(80% - 315px);
-      margin: 10px 0 0 calc(10% + 305px);
+      width: 585px;
+      margin: 10px 0 0 calc(50% - 95px);
       z-index: 1;
     }
 
@@ -35,7 +37,9 @@
 
     .column:last-child {
       display: flex;
-      min-width: calc(100% - 300px);
+      min-width: 600px;
+      max-width: 600px;
+      margin-left: calc(50% - 500px);
       margin-top: 58px;
     }