Fix various regressions (#2466)

2 files changed, 21 insertions, 3 deletions

diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index d4d942f15..cbbe746c1 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -1202,6 +1202,13 @@ a.status__content__spoiler-link {
       padding-right: 10px;
     }
   }
+
+  .columns-area > div {
+    .column, .drawer {
+      padding-left: 5px;
+      padding-right: 5px;
+    }
+  }
 }
 
 @media screen and (min-width: 2560px) {
@@ -1537,9 +1544,13 @@ a.status__content__spoiler-link {
 }
 
 .column-subheading {
-  background: lighten($color1, 20%);
+  background: $color1;
+  color: lighten($color1, 26%);
   padding: 8px 20px;
-  font-size: 16px;
+  font-size: 12px;
+  font-weight: 500;
+  text-transform: uppercase;
+  cursor: default;
 }
 
 .autosuggest-textarea,
diff --git a/app/assets/stylesheets/rtl.scss b/app/assets/stylesheets/rtl.scss
index af7be5f9c..6abb2d25c 100644
--- a/app/assets/stylesheets/rtl.scss
+++ b/app/assets/stylesheets/rtl.scss
@@ -33,7 +33,7 @@ body.rtl {
 
   .column-icon {
     right: auto;
-    left: 0;
+    left: 5px;
   }
 
   .setting-toggle {
@@ -125,5 +125,12 @@ body.rtl {
         padding-left: 10px;
       }
     }
+
+    .columns-area > div {
+      .column, .drawer {
+        padding-left: 5px;
+        padding-right: 5px;
+      }
+    }
   }
 }