From b37dd41491cd5018da46d5234d687871af00a5b1 Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@libreserver.org>
Date: Sun, 10 Sep 2023 11:34:52 +0100
Subject: [PATCH] right-to-left for links screen

---
 epicyon-links.css | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/epicyon-links.css b/epicyon-links.css
index 03a996b8e..1bfccc17e 100644
--- a/epicyon-links.css
+++ b/epicyon-links.css
@@ -1,6 +1,8 @@
 @charset "UTF-8";
 
 :root {
+    --text-justify: left;
+    --language-direction: ltr;
     --avatar-rounding: 10%;
     --main-bg-color: #282c37;
     --link-bg-color: #282c37;
@@ -105,6 +107,10 @@ body, html {
     image-rendering: var(--rendering);
 }
 
+details {
+    direction: var(--language-direction);
+}
+
 blockquote {
   border-left: 10px;
   margin: 1.5em 10px;
@@ -214,7 +220,7 @@ a:focus {
 }
 
 .buttonprev {
-    float: left;
+    float: var(--text-justify);
     width: 10%;
     -ms-transform: translateY(30%);
     transform: translateY(30%);
@@ -231,6 +237,7 @@ h1 {
     font-family: var(--header-font);
     font-size: var(--font-size);
     color: var(--title-color);
+    direction: var(--language-direction);
 }
 
 .new-post-subtext {
@@ -340,6 +347,7 @@ h1 {
 .message {
     margin-left: 7%;
     width: 90%;
+    direction: var(--language-direction);
 }
 
 .message:focus{
@@ -464,7 +472,7 @@ h1 {
 
 .skill-title {
     margin-left: 25%;
-    text-align: left;
+    text-align: var(--text-justify);
     font-size: var(--font-size2);
     font-family: Arial, Helvetica, sans-serif;
     font-weight: bold;
@@ -497,11 +505,13 @@ input[type=number] {
     resize: vertical;
     font-size: var(--font-size-header);
     font-family: Arial, Helvetica, sans-serif;
+    float: var(--text-justify);
 }
 
 .labels {
     font-size: var(--font-size);
     font-family: Arial, Helvetica, sans-serif;
+    float: var(--text-justify);
 }
 
 .transparent {
@@ -1205,6 +1215,7 @@ aside .toggle-inside li {
         font-family: Arial, Helvetica, sans-serif;
         background-color: var(--main-bg-color-reply);
         color: var(--main-fg-color);
+        direction: var(--language-direction);
     }
     input[type=button], input[type=submit] {
         background-color: var(--button-background);
@@ -1233,6 +1244,7 @@ aside .toggle-inside li {
         width: 32px;
         vertical-align: middle;
         margin-right: 20px;
+        direction: var(--language-direction);
     }
     input.vote[type=submit] {
         background-color: var(--button-background);
@@ -1354,6 +1366,7 @@ aside .toggle-inside li {
         transform: scale(2);
         padding: 10px;
         margin: 20px 30px;
+        direction: var(--language-direction);
     }
     input[type=radio]
     {
@@ -1364,6 +1377,7 @@ aside .toggle-inside li {
         transform: scale(2);
         padding: 10px;
         margin: 20px 30px;
+        direction: var(--language-direction);
     }
     input[type=number]
     {
@@ -1691,6 +1705,7 @@ aside .toggle-inside li {
         font-family: Arial, Helvetica, sans-serif;
         background-color: var(--main-bg-color-reply);
         color: var(--main-fg-color);
+        direction: var(--language-direction);
     }
     input[type=button], input[type=submit] {
         background-color: var(--button-background);
@@ -1719,6 +1734,7 @@ aside .toggle-inside li {
         height: 90px;
         vertical-align: middle;
         margin-right: 20px;
+        direction: var(--language-direction);
     }
     input.vote[type=submit] {
         background-color: var(--button-background);
@@ -1851,6 +1867,7 @@ aside .toggle-inside li {
         transform: scale(2);
         padding: 20px;
         margin: 30px 40px;
+        direction: var(--language-direction);
     }
     input[type=number]
     {
@@ -2169,6 +2186,7 @@ aside .toggle-inside li {
         font-family: Arial, Helvetica, sans-serif;
         background-color: var(--main-bg-color-reply);
         color: var(--main-fg-color);
+        direction: var(--language-direction);
     }
     input[type=button], input[type=submit] {
         background-color: var(--button-background);
@@ -2197,6 +2215,7 @@ aside .toggle-inside li {
         height: 90px;
         vertical-align: middle;
         margin-right: 20px;
+        direction: var(--language-direction);
     }
     input.vote[type=submit] {
         background-color: var(--button-background);
@@ -2319,6 +2338,7 @@ aside .toggle-inside li {
         transform: scale(2);
         padding: 20px;
         margin: 30px 40px;
+        direction: var(--language-direction);
     }
     input[type=radio]
     {
@@ -2329,6 +2349,7 @@ aside .toggle-inside li {
         transform: scale(2);
         padding: 20px;
         margin: 30px 40px;
+        direction: var(--language-direction);
     }
     input[type=number]
     {