From 5b7b2a3e083d532758409474b8549b7bc16e7a4e Mon Sep 17 00:00:00 2001
From: Lionel Han <47760119+IGoByJoe@users.noreply.github.com>
Date: Tue, 16 Jun 2020 21:01:05 -0700
Subject: fix css

---
 src/mobile/MobileInterface.scss | 2 +-
 src/mobile/MobileInterface.tsx  | 5 +++--
 src/mobile/MobileMenu.scss      | 5 +++++
 3 files changed, 9 insertions(+), 3 deletions(-)

(limited to 'src/mobile')

diff --git a/src/mobile/MobileInterface.scss b/src/mobile/MobileInterface.scss
index 215ce02e5..86b043590 100644
--- a/src/mobile/MobileInterface.scss
+++ b/src/mobile/MobileInterface.scss
@@ -33,4 +33,4 @@
     position: relative;
     touch-action: none;
     background-color: pink;
-}
\ No newline at end of file
+}
diff --git a/src/mobile/MobileInterface.tsx b/src/mobile/MobileInterface.tsx
index 5054dd560..68fb8b28f 100644
--- a/src/mobile/MobileInterface.tsx
+++ b/src/mobile/MobileInterface.tsx
@@ -321,8 +321,9 @@ export class MobileInterface extends React.Component {
             this._child = null;
             this.switchCurrentView((userDoc: Doc) => doc);
             this._parents.length = index;
-        } else if (doc === this._homeDoc) this.returnHome();
-        else {
+        } else if (doc === this._homeDoc) {
+            this.returnHome();
+        } else {
             this._activeDoc = doc;
             this._child = doc;
             this.switchCurrentView((userDoc: Doc) => doc);
diff --git a/src/mobile/MobileMenu.scss b/src/mobile/MobileMenu.scss
index e5703c5fb..55c62f458 100644
--- a/src/mobile/MobileMenu.scss
+++ b/src/mobile/MobileMenu.scss
@@ -56,6 +56,11 @@ body {
     user-select: none;
     text-transform: uppercase;
     font-family: Arial, Helvetica, sans-serif;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    direction: ltr;
+    width: 600px;
 }
 
 .navbar .toggle-btn span {
-- 
cgit v1.2.3-70-g09d2