From 916d564f820a2ac0dba24bd600e54942c9cb12f7 Mon Sep 17 00:00:00 2001
From: Ajay Bura <ajbura@gmail.com>
Date: Sat, 6 Nov 2021 18:25:56 +0530
Subject: [PATCH] fix alignment on hsInput in safari

Signed-off-by: Ajay Bura <ajbura@gmail.com>
---
 src/app/templates/auth/Auth.jsx  | 3 ++-
 src/app/templates/auth/Auth.scss | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/templates/auth/Auth.jsx b/src/app/templates/auth/Auth.jsx
index b73a198..214ca48 100644
--- a/src/app/templates/auth/Auth.jsx
+++ b/src/app/templates/auth/Auth.jsx
@@ -87,7 +87,8 @@ function Homeserver({ onChange }) {
   }, [hs]);
 
   useEffect(async () => {
-    const configFileUrl = `${window.location.href}/config.json`;
+    const link = window.location.href;
+    const configFileUrl = `${link}${link[link.length - 1] === '/' ? '' : '/'}config.json`;
     try {
       const result = await (await fetch(configFileUrl, { method: 'GET' })).json();
       const selectedHs = result?.defaultHomeserver;
diff --git a/src/app/templates/auth/Auth.scss b/src/app/templates/auth/Auth.scss
index e872d0c..cb53942 100644
--- a/src/app/templates/auth/Auth.scss
+++ b/src/app/templates/auth/Auth.scss
@@ -56,9 +56,10 @@
 .homeserver-form {
   display: flex;
   margin-bottom: var(--sp-extra-tight);
-  line-height: 0;
+  align-items: flex-end;
   & > .input-container {
     flex: 1;
+    line-height: 0;
     & .input {
       border-right: unset;
       border-radius: var(--bo-radius) 0 0 var(--bo-radius);
@@ -67,7 +68,6 @@
   }
   & .ic-btn {
     height: 46px;
-    align-self: flex-end;
     border: 1px solid var(--bg-surface-border);
     border-radius: 0 var(--bo-radius) var(--bo-radius) 0;
   }