html/css: refactor RTL filter bar code

1 files changed, 22 insertions, 1 deletions

diff --git a/fatcat_scholar/static/scholar.css b/fatcat_scholar/static/scholar.css
index b162ad5..3258dc6 100644
--- a/fatcat_scholar/static/scholar.css
+++ b/fatcat_scholar/static/scholar.css
@@ -26,7 +26,7 @@ nav.ui.menu {
   box-sizing: border-box;
   border-radius: 0;
   margin-bottom: 0.4em;
-  text-align: left;
+  text-align: start;
   width: 14em;
 }
 
@@ -222,6 +222,27 @@ a:hover .ui.card {
   display: inline-block;
 }
 
+.tablet-filter-bar {
+  display: flex;
+  align-items: flex-start;
+  column-gap: 2em;
+  row-gap: 2em;
+  flex-wrap: wrap;
+  padding-bottom:1.5em;
+}
+
+.filter-bar .text-button {
+  white-space: nowrap;
+  position: absolute;
+  right: 0.9em;
+}
+.filter-bar .filter-label {
+  color: rgba(0,0,0,0.55);
+  white-space: nowrap;
+  position: absolute;
+  right: 0.9em;
+}
+
 details.title-dropdown summary {
   text-decoration: none;
   color: inherit;