3 files changed, 6 insertions, 6 deletions
diff --git a/fatcat_scholar/templates/base.html b/fatcat_scholar/templates/base.html
index 6cf6138..0e61a7e 100644
--- a/fatcat_scholar/templates/base.html
+++ b/fatcat_scholar/templates/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="{{ locale or 'en' }}" style="position: relative; min-height: 100%; height: auto;">
+<html lang="{{ locale or 'en' }}" style="position: relative; min-height: 100%; height: auto;" {% if locale in ['ar'] %}dir="rtl"{% endif %}>
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -128,7 +128,7 @@
 </head>
 
 <body>
-<nav class="ui inverted menu" style="margin: 0;">
+<nav class="ui inverted menu" style="margin: 0;" dir="ltr">
   <div class="ui container">
     {% if settings.SCHOLAR_ENV != "prod" %}
       <div class="ui left corner {% if settings.SCHOLAR_ENV == "qa" %}orange{% else %}pink{% endif %} small label">
diff --git a/fatcat_scholar/templates/home.html b/fatcat_scholar/templates/home.html
index ac69edf..d0f5da0 100644
--- a/fatcat_scholar/templates/home.html
+++ b/fatcat_scholar/templates/home.html
@@ -5,7 +5,7 @@
 <div class="ui vertical stripe segment" style="background-color: #dedede;">
   <div class="ui container" style="padding-top: 2em; padding-bottom: 3em; font-size: 1.2em;">
     <div class="ui centered grid">
-      <div class="ui sixteen wide mobile twelve wide computer column">
+      <div class="ui sixteen wide mobile twelve wide computer column" style="text-align: start;">
         <div style="width: 100%; text-align: center;">
           <img src="/static/scholar-vaporwave-logo.png" alt="{{ _("Internet Archive Scholar logo (vaporwave)") }}" style="max-width: 100%; margin-bottom: 1.5em;">
           <form class="" id="search_form" action="{{ lang_prefix }}/search") }}" method="get" role="search" aria-label="papers" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction">
diff --git a/fatcat_scholar/templates/search.html b/fatcat_scholar/templates/search.html
index 529162f..d4f3952 100644
--- a/fatcat_scholar/templates/search.html
+++ b/fatcat_scholar/templates/search.html
@@ -45,17 +45,17 @@
 
   <nav class="ui tablet-hide two wide column">
     {% if hits %}
-      <div style="width: 100%; text-align: right;">
+      <div style="width: 100%; text-align: end;">
         <h3 style="font-size: {% if hits.count_found >= 10000000 %}1.0em{% elif hits.count_found >= 1000 %}1.5em{% else %}2.0em{% endif %};">{{ "{:,}".format(hits.count_found) }}</h3>
         {{ _("Hits") }}
       </div>
-      <div style="text-align: right;">
+      <div style="text-align: end;">
         <span style="color: rgba(0,0,0,0.4);">in {{ format_query_time(hits.query_time_ms) }}</span>
       </div>
       <div class="ui clearing divider"></div>
     {% endif %}
 
-    <div style="text-align: right; white-space: nowrap; direction: rtl;">
+    <div style="text-align: end; white-space: nowrap;">
       {{ 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) }}