From f4b852d49e5fcc4541f44682cb363187559f2a4e Mon Sep 17 00:00:00 2001
From: 0x1eef <0x1eef@protonmail.com>
Date: Wed, 31 Jan 2024 06:53:35 -0300
Subject: [PATCH] Improve SurahIndex.tsx on iOS
---
src/css/pages/SurahIndex.scss | 20 ++++++++++++++++++--
src/html/index.html.erb | 2 +-
2 files changed, 19 insertions(+), 3 deletions(-)
diff --git a/src/css/pages/SurahIndex.scss b/src/css/pages/SurahIndex.scss
index 0491ee7..c2fdba3 100644
--- a/src/css/pages/SurahIndex.scss
+++ b/src/css/pages/SurahIndex.scss
@@ -62,16 +62,32 @@ body .root .content.theme {
flex-direction: row;
align-items: center;
width: 100%;
-
span {
padding: 0 0 0 7px;
}
}
input {
- padding: 10px;
+ padding: 7.5px;
border-radius: 10px;
border: 1px solid #000;
}
+ @media (max-device-width: 500px) {
+ flex-wrap: wrap;
+ flex-direction: column-reverse;
+ align-items: flex-start;
+ a {
+ place-content: center;
+ width: 100%;
+ }
+ input {
+ margin-bottom: 10px;
+ width: 100%;
+ max-width: unset;
+ }
+ .right-arrow.icon {
+ display: none;
+ }
+ }
}
}
diff --git a/src/html/index.html.erb b/src/html/index.html.erb
index 2ce6458..37d294a 100644
--- a/src/html/index.html.erb
+++ b/src/html/index.html.erb
@@ -2,7 +2,7 @@
<%= t(context.locale, "TheNobleQuran") %>
-
+