[Glitch] Refactor styles to use logical properties for positioning (#2156)

Port babd86e594bbdd6dcc512d522ccbb4b24c1355e3 and 45848d654709678ba35d9e97e0b3df3e3916cd75 to glitch-soc

Signed-off-by: Plastikmensch <plastikmensch@users.noreply.github.com>

1 files changed, 4 insertions, 4 deletions

diff --git a/app/javascript/flavours/glitch/styles/components/doodle.scss b/app/javascript/flavours/glitch/styles/components/doodle.scss
index 52c7cd54a..c3b67da4a 100644
--- a/app/javascript/flavours/glitch/styles/components/doodle.scss
+++ b/app/javascript/flavours/glitch/styles/components/doodle.scss
@@ -35,8 +35,8 @@ $doodle-background: #d9e1e8;
       label {
         display: inline-block;
         width: 70px;
-        text-align: right;
-        margin-right: 2px;
+        text-align: end;
+        margin-inline-end: 2px;
       }
 
       input[type='number'],
@@ -46,14 +46,14 @@ $doodle-background: #d9e1e8;
 
       span.val {
         display: inline-block;
-        text-align: left;
+        text-align: start;
         width: 50px;
       }
     }
   }
 
   .doodle-palette {
-    padding-right: 0 !important;
+    padding-inline-end: 0 !important;
     border: 1px solid black;
     line-height: 0.2rem;
     flex-grow: 0;