Minor CSS fixes

diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index b323305cc24cecdf4e10f8fd1071efa6f05786fb..788bb2e0ecb2c11b3e445d9d304c5095b330450e 100644 (file)
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -1074,11 +1074,12 @@
   z-index: 100;
 
   &--minified {
-    display: block;
+    display: flex;
     left: 4px;
     top: 4px;
     width: auto;
     height: auto;
+    align-items: center;
   }
 
   &--hidden {

diff --git a/app/javascript/flavours/glitch/styles/components/sensitive.scss b/app/javascript/flavours/glitch/styles/components/sensitive.scss
index b0a7dfe037cc9b18c582ca6534d17e6dc1e021d0..44b7ec981ef2edc33c19b84074f42061d545b8d6 100644 (file)
--- a/app/javascript/flavours/glitch/styles/components/sensitive.scss
+++ b/app/javascript/flavours/glitch/styles/components/sensitive.scss
@@ -9,13 +9,12 @@
 }
 
 .sensitive-marker {
-  margin: 0 3px;
   border-radius: 2px;
   padding: 2px 6px;
   color: rgba($primary-text-color, 0.8);
   background: rgba($base-overlay-background, 0.5);
   font-size: 12px;
-  line-height: 15px;
+  line-height: 18px;
   text-transform: uppercase;
   opacity: .9;
   transition: opacity .1s ease;