From 8dde5a7c6e1de8cb47e2543a25494e7078be07eb Mon Sep 17 00:00:00 2001
From: Takahiro <hogehoge@gachapin.jp>
Date: Wed, 8 Nov 2023 16:56:47 -0800
Subject: [PATCH] Fix Browse button layout Round 2

**Problem**

Browse button in Custom Object upload dialog displays weirdly
in portrait mode on iOS. It unexpectedly covers almost the entire
URL area in portrait mode.

We applied a change to fix but it didn't work.

**Changes**

* Remove flax stuffs and width 60px from browse style
* Add justify-content: end to IconButton style
---
 src/react-components/input/IconButton.scss    | 1 +
 src/react-components/room/ObjectUrlModal.scss | 6 +-----
 2 files changed, 2 insertions(+), 5 deletions(-)

diff --git a/src/react-components/input/IconButton.scss b/src/react-components/input/IconButton.scss
index 33b21e5f04..adfc9275f7 100644
--- a/src/react-components/input/IconButton.scss
+++ b/src/react-components/input/IconButton.scss
@@ -9,6 +9,7 @@
   font-size: theme.$font-size-xs;
   font-weight: theme.$font-weight-bold;
   cursor: pointer;
+  justify-content: end;
 
   svg {
     color: theme.$text1-color;
diff --git a/src/react-components/room/ObjectUrlModal.scss b/src/react-components/room/ObjectUrlModal.scss
index c8c1d9b214..028cecbbbe 100644
--- a/src/react-components/room/ObjectUrlModal.scss
+++ b/src/react-components/room/ObjectUrlModal.scss
@@ -12,12 +12,8 @@
   color: white;
   background-color: black;
   height: 100%;
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: center;
   margin: 0;
-  width: 60px;
+  padding: 10px;
 }
 
 :local(.container) {