From a2186898859b5b71a06bff3c23977b727409c590 Mon Sep 17 00:00:00 2001
From: Bryan Newbold <bnewbold@archive.org>
Date: Mon, 25 Jan 2021 19:04:12 -0800
Subject: html: small RTL style fixes

---
 fatcat_scholar/static/scholar.css  | 6 ++++++
 fatcat_scholar/templates/base.html | 6 +++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

(limited to 'fatcat_scholar')

diff --git a/fatcat_scholar/static/scholar.css b/fatcat_scholar/static/scholar.css
index 9c01a60..b162ad5 100644
--- a/fatcat_scholar/static/scholar.css
+++ b/fatcat_scholar/static/scholar.css
@@ -69,6 +69,12 @@ nav.ui.menu {
   width: 12.5em;
 }
 
+/* RTL padding fix */
+.ui.items > .item > .content {
+  padding-left: 0;
+  padding-inline-start: 1.5em;
+};
+
 @media only screen and (max-width: 767px) {
   .action-bar {
     justify-content: left;
diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html
index af73d10..e73a38f 100644
--- a/fatcat_scholar/templates/base.html
+++ b/fatcat_scholar/templates/base.html
@@ -18,7 +18,7 @@
     href="/static/scholar.css"
     type="text/css">
   <style>
-    {# fix RTL dividers #}
+    {# locale specific CSS hacks (mostly RTL fixes) #}
     {% if locale in ['ar'] %}
     .ui.divided.grid:not([class*="vertically divided"])>.column:not(.row), .ui.divided.grid:not([class*="vertically divided"])>.row>.column {
       box-shadow: 1px 0 0 0 rgba(34,36,38,.15);
@@ -29,6 +29,10 @@
     .ui.inverted.divided.grid:not([class*="vertically divided"])>.column:not(.row), .ui.inverted.divided.grid:not([class*="vertically divided"])>.row>.column {
       box-shadow: 1px 0 0 0 rgba(255,255,255,.1);
     }
+    {# search query box right edge #}
+    .ui.action.input:not([class*="left action"]) > input {
+      border-right-color: #999!important;
+    }
     {% endif %}
   </style>
   <link rel="icon" 
-- 
cgit v1.2.3