From 25442b9c2e10d0e1b543f989fddfafe3fe456454 Mon Sep 17 00:00:00 2001
From: albertoleoncio <albertoleoncio@hotmail.com>
Date: Tue, 7 May 2024 10:49:22 +0300
Subject: [PATCH] Merge branch 'feature/rtl-support'

---
 bin/backtrack.php       |  2 +-
 bin/diff.css            |  1 +
 bin/edits.php           |  2 +-
 bin/evaluators.php      | 28 +++++++++++------------
 bin/languages.php       | 10 +++++++++
 bin/login.php           |  4 ++--
 bin/manage_contests.php | 30 ++++++++++++-------------
 bin/manage_login.php    |  2 +-
 bin/rtl.css             | 50 +++++++++++++++++++++++++++++++++++++++++
 bin/sidebar.php         | 12 +++++-----
 bin/triage.php          | 14 ++++++------
 index.php               |  8 +++----
 12 files changed, 112 insertions(+), 51 deletions(-)
 create mode 100644 bin/rtl.css

diff --git a/bin/backtrack.php b/bin/backtrack.php
index ad37c70..cb37e54 100644
--- a/bin/backtrack.php
+++ b/bin/backtrack.php
@@ -121,7 +121,7 @@
                                         <button
                                         type='submit'
                                         onclick="return confirm('<?=§('backtrack-areyousure')?>')"
-                                        class='w3-bar-item w3-right w3-button w3-section w3-green'
+                                        class='w3-bar-item w3-<?=$right?> w3-button w3-section w3-green'
                                         ><?=§('backtrack-accept')?></button>
                                     </form>
                                 </li>
diff --git a/bin/diff.css b/bin/diff.css
index 2b1051c..7662b14 100644
--- a/bin/diff.css
+++ b/bin/diff.css
@@ -265,6 +265,7 @@ table.diff.diff-contentalign-left.diff-editfont-monospace {
 
 .details i {
     margin-right: 5px;
+    margin-left: 5px;
     width: 15px;
     text-align: center;
 }
diff --git a/bin/edits.php b/bin/edits.php
index 79db1ee..fb802d3 100644
--- a/bin/edits.php
+++ b/bin/edits.php
@@ -144,7 +144,7 @@
                     <div class="w3-threequarter"><?=§('edits-about')?></div>
                     <form method="post" target="_blank" class="w3-quarter">
                         <input type="hidden" name="csv" value="csv">
-                        <button class="w3-button w3-right w3-green" type="submit">
+                        <button class="w3-button w3-<?=$right?> w3-green" type="submit">
                             <i class="fa-solid fa-file-csv"></i> <?=§('edits-csv')?>
                         </button>
                     </form>
diff --git a/bin/evaluators.php b/bin/evaluators.php
index a119e2f..b1a2f62 100644
--- a/bin/evaluators.php
+++ b/bin/evaluators.php
@@ -175,13 +175,13 @@
                     <div class="w3-container">
                         <ul class="w3-ul">
                             <li class="w3-bar">
-                                <i class="w3-bar-item w3-padding-16 fa-regular fa-circle-user" style="font-size: 3em; padding: 20px;"></i>
+                                <i class="w3-bar-item w3-padding-16 fa-regular fa-circle-user w3-<?=$left?>" style="font-size: 3em; padding: 20px;"></i>
                                 <form method="post">
                                     <input type="email" placeholder="<?=§('login-email')?>" name="email"
-                                    class="w3-input w3-border w3-bar-item w3-section"
+                                    class="w3-input w3-border w3-bar-item w3-section w3-<?=$left?>"
                                     >
                                     <button type='submit'
-                                    class='w3-bar-item w3-right w3-button w3-section w3-<?=$contest['theme'];?>'
+                                    class='w3-bar-item w3-<?=$right?> w3-button w3-section w3-<?=$contest['theme'];?>'
                                     >
                                         <?=§('evaluators-register')?>
                                     </button>
@@ -199,8 +199,8 @@ class='w3-bar-item w3-right w3-button w3-section w3-<?=$contest['theme'];?>'
                     <ul class="w3-ul">
                         <?php foreach ($output["evaluators"]["G"] ?? array() as $user => $data): ?>
                             <li class="w3-bar">
-                                <i class="w3-bar-item w3-padding-24 fa-solid fa-circle-user" style="font-size: 3em;"></i>
-                                <div class="w3-bar-item">
+                                <i class="w3-bar-item w3-padding-24 fa-solid fa-circle-user w3-<?=$left?>" style="font-size: 3em;"></i>
+                                <div class="w3-bar-item w3-<?=$left?>">
                                     <span class='w3-large'><?=$user?></span><br>
                                     <span><?=$data['email']?></span><br>
                                     <span><?=§('evaluators-stats',$data['evaluated'])?></span>
@@ -212,7 +212,7 @@ class='w3-bar-item w3-right w3-button w3-section w3-<?=$contest['theme'];?>'
                                         <button
                                         type='submit'
                                         onclick="return confirm('<?=§('evaluators-areyousure')?>')"
-                                        class='w3-bar-item w3-right w3-button w3-margin w3-red'
+                                        class='w3-bar-item w3-<?=$right?> w3-button w3-margin w3-red'
                                         ><?=§('counter-redefine')?></button>
                                     </form>
                                 <?php endif; ?>
@@ -229,8 +229,8 @@ class='w3-bar-item w3-right w3-button w3-margin w3-red'
                     <ul class="w3-ul">
                         <?php foreach ($output["evaluators"]["A"] ?? array() as $user => $data): ?>
                             <li class="w3-bar">
-                                <i class="w3-bar-item w3-padding-24 fa-solid fa-circle-user" style="font-size: 3em;"></i>
-                                <div class="w3-bar-item">
+                                <i class="w3-bar-item w3-padding-24 fa-solid fa-circle-user w3-<?=$left?>" style="font-size: 3em;"></i>
+                                <div class="w3-bar-item w3-<?=$left?>">
                                     <span class='w3-large'><?=$user?></span><br>
                                     <span><?=$data['email']?></span><br>
                                     <span><?=§('evaluators-stats',$data['evaluated'])?></span>
@@ -242,7 +242,7 @@ class='w3-bar-item w3-right w3-button w3-margin w3-red'
                                         <button
                                         type='submit'
                                         onclick="return confirm('<?=§('evaluators-areyousure')?>')"
-                                        class='w3-bar-item w3-right w3-button w3-section w3-orange'
+                                        class='w3-bar-item w3-<?=$right?> w3-button w3-section w3-orange'
                                         ><?=§('evaluators-disable')?></button>
                                     </form>
                                     <form method="post">
@@ -251,7 +251,7 @@ class='w3-bar-item w3-right w3-button w3-section w3-orange'
                                         <button
                                         type='submit'
                                         onclick="return confirm('<?=§('evaluators-areyousure')?>')"
-                                        class='w3-bar-item w3-right w3-button w3-margin w3-red'
+                                        class='w3-bar-item w3-<?=$right?> w3-button w3-margin w3-red'
                                         ><?=§('counter-redefine')?></button>
                                     </form>
                                 <?php endif; ?>
@@ -268,8 +268,8 @@ class='w3-bar-item w3-right w3-button w3-margin w3-red'
                     <ul class="w3-ul">
                         <?php foreach ($output["evaluators"]["P"] ?? array() as $user => $data): ?>
                             <li class="w3-bar">
-                                <i class="w3-bar-item w3-padding-24 fa-solid fa-circle-user" style="font-size: 3em;"></i>
-                                <div class="w3-bar-item">
+                                <i class="w3-bar-item w3-padding-24 fa-solid fa-circle-user w3-<?=$left?>" style="font-size: 3em;"></i>
+                                <div class="w3-bar-item w3-<?=$left?>">
                                     <span class='w3-large'><?=$user?></span><br>
                                     <span><?=$data['email']?></span><br>
                                     <span><?=§('evaluators-stats',$data['evaluated'])?></span>
@@ -281,7 +281,7 @@ class='w3-bar-item w3-right w3-button w3-margin w3-red'
                                         <button
                                         type='submit'
                                         onclick="return confirm('<?=§('evaluators-areyousure')?>')"
-                                        class='w3-bar-item w3-right w3-button w3-section w3-green'
+                                        class='w3-bar-item w3-<?=$right?> w3-button w3-section w3-green'
                                         ><?=§('evaluators-enable')?></button>
                                     </form>
                                     <form method="post">
@@ -290,7 +290,7 @@ class='w3-bar-item w3-right w3-button w3-section w3-green'
                                         <button
                                         type='submit'
                                         onclick="return confirm('<?=§('evaluators-areyousure')?>')"
-                                        class='w3-bar-item w3-right w3-button w3-margin w3-red'
+                                        class='w3-bar-item w3-<?=$right?> w3-button w3-margin w3-red'
                                         ><?=§('counter-redefine')?></button>
                                     </form>
                                 <?php endif; ?>
diff --git a/bin/languages.php b/bin/languages.php
index 5efec83..18d3474 100644
--- a/bin/languages.php
+++ b/bin/languages.php
@@ -76,4 +76,14 @@ function §($item, ...$args) {
     }
 
     return $translatedString;
+}
+
+//RTL conversion
+$rtl = ['he', 'skr-arab'];
+$right = 'right';
+$left = 'left';
+if (in_array($lang, $rtl)) {
+    echo '<link rel="stylesheet" href="bin/rtl.css">';
+    $right = 'left';
+    $left = 'right';
 }
\ No newline at end of file
diff --git a/bin/login.php b/bin/login.php
index 6bdfaf1..80e428b 100644
--- a/bin/login.php
+++ b/bin/login.php
@@ -177,7 +177,7 @@
             class="w3-button w3-bar-item" ><?=§('login-graph')?></button>
             <button onclick="document.getElementById('id01').style.display='block'"
             class="w3-button w3-bar-item" ><?=§('login')?></button>
-            <span class="w3-bar-item w3-right w3-hide-small"><?=$contest['name'];?></span>
+            <span class="w3-bar-item w3-<?=$right?> w3-hide-small"><?=$contest['name'];?></span>
         </div>
         <div class="w3-block w3-card w3-margin w3-hide-medium w3-hide-small"  style="width: inherit;">
             <div class="w3-center">
@@ -216,7 +216,7 @@ class="w3-button w3-margin-top w3-padding">
             <div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:600px">
                 <div class="w3-center">
                     <br>
-                    <button onclick="document.getElementById('id01').style.display='none'" class="w3-button w3-xlarge w3-hover-red w3-display-topright" title="Close Modal">&times;</button>
+                    <button onclick="document.getElementById('id01').style.display='none'" class="w3-button w3-xlarge w3-hover-red w3-display-top<?=$right?>" title="Close Modal">&times;</button>
                     <svg width="240" height="240" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M7 18V17C7 14.2386 9.23858 12 12 12V12C14.7614 12 17 14.2386 17 17V18" stroke="currentColor" stroke-linecap="round" />
                         <path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/bin/manage_contests.php b/bin/manage_contests.php
index 6de038c..c0c3faf 100644
--- a/bin/manage_contests.php
+++ b/bin/manage_contests.php
@@ -552,7 +552,7 @@ class="w3-input w3-border w3-margin-bottom"
                                 <?=($contest_info['name']==null)?'required':'disabled'?>>
 
                                 <div class="w3-row">
-                                    <div class="w3-threequarter" style="padding-right: 8px;">
+                                    <div class="w3-threequarter" style="padding-<?=$right?>: 8px;">
 
                                         <label for="internalcode">
                                             <strong><?=§('manage-internalcode')?></strong>
@@ -569,7 +569,7 @@ class="w3-input w3-border w3-margin-bottom"
                                         <?=($contest_info['name']==null)?'required':'disabled'?>>
 
                                     </div>
-                                    <div class="w3-quarter" style="padding-right: 8px;">
+                                    <div class="w3-quarter" style="padding-<?=$right?>: 8px;">
 
                                         <label for="group">
                                             <strong><?=§('manage-group')?></strong>
@@ -637,7 +637,7 @@ class="w3-input w3-border w3-margin-bottom"
                                 <?=($contest_info['name']==null)?'required':'disabled'?>>
 
                                 <div class="w3-row">
-                                    <div class="w3-half" style="padding-right: 8px;">
+                                    <div class="w3-half" style="padding-<?=$right?>: 8px;">
 
                                         <label for="reverttime">
                                             <strong><?=§('manage-reverttime')?></strong>
@@ -672,7 +672,7 @@ class="w3-select w3-border w3-margin-bottom"
                                         </select>
 
                                     </div>
-                                    <div class="w3-half" style="padding-left: 8px;">
+                                    <div class="w3-half" style="padding-<?=$left?>: 8px;">
 
                                         <label for="listid">
                                             <strong><?=§('manage-listid')?></strong>
@@ -715,7 +715,7 @@ class="w3-input w3-border w3-margin-bottom"
                                 <?=($contest_info['name']==null)?'required':'disabled'?>>
 
                                 <div class="w3-row">
-                                    <div class="w3-half" style="padding-right: 8px;">
+                                    <div class="w3-half" style="padding-<?=$right?>: 8px;">
 
                                         <label for="bpp">
                                             <strong><?=§('manage-bpp')?></strong>
@@ -759,7 +759,7 @@ class="w3-input w3-border w3-margin-bottom"
                                         <?=($contest_info['name']==null)?'required':'disabled'?>>
 
                                     </div>
-                                    <div class="w3-half" style="padding-left: 8px;">
+                                    <div class="w3-half" style="padding-<?=$left?>: 8px;">
 
                                         <label for="ipp">
                                             <strong><?=§('manage-ipp')?></strong>
@@ -805,7 +805,7 @@ class="w3-select w3-border w3-margin-bottom"
                                 </div>
 
                                 <div class="w3-row">
-                                    <div class="w3-half" style="padding-right: 8px;">
+                                    <div class="w3-half" style="padding-<?=$right?>: 8px;">
                                         <label for="theme">
                                             <strong><?=§('manage-palette')?></strong>
                                         </label>
@@ -848,7 +848,7 @@ class="w3-select w3-border w3-margin-bottom"
                                             <option value="color" class="w3-transparent" <?=($contest_info['theme']!='color')?:'selected'?>><?=§('manage-custom')?></option>
                                         </select>
                                     </div>
-                                    <div class="w3-half" style="padding-left: 8px;">
+                                    <div class="w3-half" style="padding-<?=$left?>: 8px;">
                                         <label for="hex">
                                             <strong><?=§('manage-hexcolor')?></strong>
                                         </label>
@@ -887,14 +887,14 @@ class="w3-button w3-block w3-deep-green w3-section w3-padding"
                                     <div class="w3-row w3-section">
                                         <div class="w3-half">
                                             <button
-                                            class="w3-button w3-blue w3-block w3-rightbar w3-border-white"
+                                            class="w3-button w3-blue w3-block w3-<?=$right?>bar w3-border-white"
                                             style="display: block;"
                                             type="button"
                                             id="editor"
                                             onclick="editChange('<?=$contest_info['name_id']?>')"
                                             ><?=§('modify')?></button>
                                             <button
-                                            class="w3-button w3-green w3-block w3-rightbar w3-border-white"
+                                            class="w3-button w3-green w3-block w3-<?=$right?>bar w3-border-white"
                                             style="display: none;"
                                             name="do_edit"
                                             id="saver"
@@ -903,7 +903,7 @@ class="w3-button w3-green w3-block w3-rightbar w3-border-white"
                                         </div>
                                         <div class="w3-half">
                                             <button
-                                            class="w3-button w3-black w3-block w3-leftbar w3-border-white"
+                                            class="w3-button w3-black w3-block w3-<?=$left?>bar w3-border-white"
                                             name="do_manager"
                                             onclick="managerChange('<?=$contest_info['name_id']??''?>', true)"
                                             type="button"><?=§('manage-newmanager')?></button>
@@ -912,14 +912,14 @@ class="w3-button w3-black w3-block w3-leftbar w3-border-white"
                                     <div class="w3-row w3-section">
                                         <div class="w3-half">
                                             <button
-                                            class="w3-button w3-orange w3-block w3-rightbar w3-border-white"
+                                            class="w3-button w3-orange w3-block w3-<?=$right?>bar w3-border-white"
                                             name="do_restart"
                                             onclick="editChange('<?=$contest_info['name_id']?>'); return confirm('<?=§('manage-confirmrestart')?>')"
                                             type="submit"><?=§('manage-restart')?></button>
                                         </div>
                                         <div class="w3-half">
                                             <button
-                                            class="w3-button w3-red w3-block w3-leftbar w3-border-white"
+                                            class="w3-button w3-red w3-block w3-<?=$left?>bar w3-border-white"
                                             name="do_delete"
                                             onclick="editChange('<?=$contest_info['name_id']?>'); return confirm('<?=§('manage-confirmdelete')?>')"
                                             type="submit"><?=§('manage-delete')?></button>
@@ -945,13 +945,13 @@ class="w3-input w3-border w3-margin-bottom"
                                 <div class="w3-row">
                                     <div class="w3-half">
                                         <button
-                                        class="w3-button w3-orange w3-block w3-rightbar w3-border-white"
+                                        class="w3-button w3-orange w3-block w3-<?=$right?>bar w3-border-white"
                                         name="do_manager"
                                         type="submit"><?=§('manage-newmanager')?></button>
                                     </div>
                                     <div class="w3-half">
                                         <button
-                                        class="w3-button w3-red w3-block w3-leftbar w3-border-white"
+                                        class="w3-button w3-red w3-block w3-<?=$left?>bar w3-border-white"
                                         type="button"
                                         onclick="managerChange('<?=$contest_info['name_id']??''?>', false)"><?=§('login-cancel')?></button>
                                     </div>
diff --git a/bin/manage_login.php b/bin/manage_login.php
index ca4a486..9a3d529 100644
--- a/bin/manage_login.php
+++ b/bin/manage_login.php
@@ -33,7 +33,7 @@
             <div class="w3-modal-content w3-card-4 w3-animate-zoom" style="max-width:600px">
                 <div class="w3-center">
                     <br>
-                    <button onclick="document.getElementById('id01').style.display='none'" class="w3-button w3-xlarge w3-hover-red w3-display-topright" title="Close Modal" style="display: none;">&times;</button>
+                    <button onclick="document.getElementById('id01').style.display='none'" class="w3-button w3-xlarge w3-hover-red w3-display-top<?=$right?>" title="Close Modal" style="display: none;">&times;</button>
                     <svg width="240" height="240" stroke-width="1.5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                         <path d="M7 18V17C7 14.2386 9.23858 12 12 12V12C14.7614 12 17 14.2386 17 17V18" stroke="currentColor" stroke-linecap="round" />
                         <path d="M12 12C13.6569 12 15 10.6569 15 9C15 7.34315 13.6569 6 12 6C10.3431 6 9 7.34315 9 9C9 10.6569 10.3431 12 12 12Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" />
diff --git a/bin/rtl.css b/bin/rtl.css
new file mode 100644
index 0000000..2a4da48
--- /dev/null
+++ b/bin/rtl.css
@@ -0,0 +1,50 @@
+/*
+ *	W3.CSS RTL
+ *	right-to-left languages support for W3.CSS framework
+ *	Hamid Samak
+ *	https://github.com/hamidsamak/w3css-rtl
+ */
+
+body {
+	direction: rtl;
+}
+
+.w3-closebtn {
+	float: left;
+}
+
+.w3-col,
+.w3-half,
+.w3-third,
+.w3-twothird,
+.w3-threequarter,
+.w3-quarter {
+	float: right !important;
+}
+
+ul.w3-ul li {
+	padding: 6px 16px 6px 2px;
+}
+
+.w3-table th:first-child,
+.w3-table td:first-child,
+.w3-table-all th:first-child,
+.w3-table-all td:first-child {
+	padding-left: 8px;
+	padding-right: 16px;
+}
+
+.w3-table td,
+.w3-table th,
+.w3-table-all td,
+.w3-table-all th {
+	text-align: right !important;
+}
+
+.w3-navbar li {
+	float: right !important;
+}
+
+.w3-sidebar > div.w3-bar-block > a.w3-bar-item {
+    text-align: right;
+}
\ No newline at end of file
diff --git a/bin/sidebar.php b/bin/sidebar.php
index ee740d8..378adac 100644
--- a/bin/sidebar.php
+++ b/bin/sidebar.php
@@ -24,23 +24,23 @@ function w3_close() {
 </script>
 <?php if (!isset($getPage)) $getPage = 'triage'; ?>
 <div class="w3-<?=$contest['theme'];?> w3-large w3-bar w3-top" style="z-index:4">
-    <button class="w3-bar-item w3-button w3-hover-none w3-hover-text-light-grey" onclick="w3_open();">
+    <button class="w3-bar-item w3-<?=$left?> w3-button w3-hover-none w3-hover-text-light-grey" onclick="w3_open();">
         <i class="fa fa-bars"></i> &nbsp;
         <img src="images/Logo_Branco.svg" alt="logo" class="w3-hide-medium w3-hide-small" style="width: 83px;">
     </button>
-    <span class="w3-bar-item"><?=§($getPage)?></span>
+    <span class="w3-bar-item w3-<?=$left?>"><?=§($getPage)?></span>
     <?php if(str_contains(getcwd(), 'test')): ?>
-        <span class="w3-bar-item w3-black">
+        <span class="w3-bar-item w3-black w3-<?=$left?>">
             <i class="fa-solid fa-flask-vial fa-fade"></i>
             &nbsp;
             <i class="fa-solid fa-server fa-fade"></i>
         </span>
     <?php endif; ?>
-    <span class="w3-bar-item w3-right w3-hide-small"><?=$contest['name'];?></span>
+    <span class="w3-bar-item w3-<?=$right?> w3-hide-small"><?=$contest['name'];?></span>
 </div>
-<nav class="w3-sidebar w3-white w3-animate-left" style="z-index:3;width:280px;display:none;min-height:100vh;" id="mySidebar">
+<nav class="w3-sidebar w3-white w3-animate-<?=$left?>" style="z-index:3;width:280px;display:none;min-height:100vh;" id="mySidebar">
     <br>
-    <div class="w3-container w3-row">
+    <div class="w3-container w3-row w3-<?=$left?>">
         <div class="w3-col s4">
             <i class="fa-solid fa-circle-user" style="font-size: 3em;"></i>
         </div>
diff --git a/bin/triage.php b/bin/triage.php
index 2e8322f..079549b 100644
--- a/bin/triage.php
+++ b/bin/triage.php
@@ -358,7 +358,7 @@
         //Insere estilo no parágrafo para destacar edição em avaliação
         $history_class = 'w3-small';
         if ($edit['revid'] == $output['revision']['diff']) {
-            $history_class = 'w3-small w3-leftbar w3-border-grey w3-padding-small';
+            $history_class = "w3-small w3-${left}bar w3-border-grey w3-padding-small";
         }
 
         //Monta código da edição
@@ -603,7 +603,7 @@ class="w3-radio w3-section"
                         </div>
                         <p>
                             <input
-                            class="w3-input w3-border w3-leftbar w3-rightbar w3-border-light-grey"
+                            class="w3-input w3-border w3-<?=$left?>bar w3-<?=$right?>bar w3-border-light-grey"
                             name="obs"
                             id="obs"
                             list="commons"
@@ -611,7 +611,7 @@ class="w3-input w3-border w3-leftbar w3-rightbar w3-border-light-grey"
                             placeholder="<?=§('triage-observation')?>">
                             <br>
                             <input
-                            class="w3-button w3-leftbar w3-rightbar w3-border-light-grey w3-block w3-red"
+                            class="w3-button w3-<?=$left?>bar w3-<?=$right?>bar w3-border-light-grey w3-block w3-red"
                             name="overwrite"
                             id="overwrite"
                             type="button"
@@ -630,7 +630,7 @@ class="w3-button w3-leftbar w3-rightbar w3-border-light-grey w3-block w3-red"
                         <div class="w3-section w3-col l6">
                             <input
                             form="evaluate"
-                            class="w3-button w3-green w3-leftbar w3-rightbar w3-border-light-grey w3-block"
+                            class="w3-button w3-green w3-leftbar w3-<?=$right?>bar w3-border-light-grey w3-block"
                             type="submit"
                             value="<?=§('triage-save')?>">
                         </div>
@@ -639,7 +639,7 @@ class="w3-button w3-green w3-leftbar w3-rightbar w3-border-light-grey w3-block"
                                 <input type="hidden" name="diff" value="<?=@$output['revision']['diff'];?>">
                                 <input type="hidden" name="skip" value="true">
                                 <button
-                                class="w3-button w3-purple w3-leftbar w3-rightbar w3-border-light-grey w3-block"
+                                class="w3-button w3-purple w3-<?=$left?>bar w3-<?=$right?>bar w3-border-light-grey w3-block"
                                 type="submit"
                                 <?=(isset($output['revision']['diff']))?'':'disabled';?>
                                 ><?=§('triage-jump')?></button>
@@ -673,7 +673,7 @@ class="w3-button w3-purple w3-leftbar w3-rightbar w3-border-light-grey w3-block"
                         <form method="post">
                             <input type="hidden" name="release" value="true">
                             <button
-                            class="w3-button w3-purple w3-leftbar w3-rightbar w3-border-light-grey w3-block"
+                            class="w3-button w3-purple w3-<?=$left?>bar w3-<?=$right?>bar w3-border-light-grey w3-block"
                             type="submit"
                             <?=($output['onskip']>0)?'':'disabled';?>
                             ><?=§('triage-release')?></button>
@@ -685,7 +685,7 @@ class="w3-button w3-purple w3-leftbar w3-rightbar w3-border-light-grey w3-block"
                             onsubmit="return confirm('<?=§('evaluators-areyousure')?>');">
                                 <input type="hidden" name="unhold" value="true">
                                 <button
-                                class="w3-button w3-red w3-leftbar w3-rightbar w3-border-light-grey w3-block"
+                                class="w3-button w3-red w3-<?=$left?>bar w3-<?=$right?>bar w3-border-light-grey w3-block"
                                 type="submit"
                                 <?=(($output['onhold'] + $output['onskip']) > 0)?'':'disabled';?>
                                 ><?=§('triage-unhold')?></button>
diff --git a/index.php b/index.php
index 7b5d5f9..9e153b0 100644
--- a/index.php
+++ b/index.php
@@ -163,7 +163,7 @@ class="w3-button w3-black w3-padding w3-margin w3-round-xxlarge"
     <div class="w3-modal-content w3-card-4 w3-animate-top">
         <header class="w3-container w3-black">
             <button onclick="document.getElementById('id01').style.display='none'"
-            class="w3-button w3-display-topright">&times;</button>
+            class="w3-button w3-display-top<?=$right?>">&times;</button>
             <h4><?=§('contest-select')?></h4>
         </header>
         <div class="w3-padding">
@@ -250,15 +250,15 @@ function openGroup(evt, groupName) {
                 >TranslateWiki</a> and <a
                 rel="noopener"
                 href="https://wikitech.wikimedia.org/wiki/Portal:Toolforge"
-                target="_blank">Toolforge</a>.<br>Source-code on <a
+                target="_blank">Toolforge</a><br>Source-code on <a
                 rel="noopener"
                 href="https://github.com/WikiMovimentoBrasil/wikiscore"
                 >GitHub</a> under <a
                 rel="noopener"
-                href="https://github.com/WikiMovimentoBrasil/wikiscore/blob/main/LICENSE">GPL v3.0</a>.<br>Text license: <a
+                href="https://github.com/WikiMovimentoBrasil/wikiscore/blob/main/LICENSE">GPL v3.0</a><br>Text license: <a
                 rel="noopener"
                 href="https://creativecommons.org/licenses/by-sa/4.0/deed"
-                >CC-BY-SA 4.0 International</a>.
+                >CC-BY-SA 4.0 International</a>
             </p>
         </div>
         <div class="w3-third">