From ee5901b25869763e3c30b495b03fe4b286edd6da Mon Sep 17 00:00:00 2001
From: Bryan Newbold <bnewbold@archive.org>
Date: Mon, 25 Jan 2021 20:36:10 -0800
Subject: html/css: refactor RTL filter bar code

---
 fatcat_scholar/templates/search.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'fatcat_scholar/templates/search.html')

diff --git a/fatcat_scholar/templates/search.html b/fatcat_scholar/templates/search.html
index 5c7d860..0d9fab6 100644
--- a/fatcat_scholar/templates/search.html
+++ b/fatcat_scholar/templates/search.html
@@ -33,7 +33,7 @@
 
   <details class="search-filters">
     <summary style="float: right;"><i class="filter icon"></i>{{ _("Filters") }}</summary>
-    <div style="display: flex; align-items: flex-start; column-gap: 2em; row-gap: 2em; flex-wrap: wrap; padding-bottom:1.5em;">
+    <div class="tablet-filter-bar">
       {{ search_macros.query_option(query.time_options, query.filter_time) }}
       {{ search_macros.query_option(query.type_options, query.filter_type) }}
       {{ search_macros.query_option(query.availability_options, query.filter_availability) }}
@@ -90,7 +90,7 @@
       <div class="ui clearing divider"></div>
     {% endif %}
 
-    <div style="white-space: nowrap; direction: {% if locale in ['ar'] %}ltr{% else %}rtl{% endif %};">
+    <div class = "filter-bar">
       {{ search_macros.query_option(query.time_options, query.filter_time) }}
       {{ search_macros.query_option(query.type_options, query.filter_type) }}
       {{ search_macros.query_option(query.availability_options, query.filter_availability) }}
-- 
cgit v1.2.3