Merge pull request #134 from Automattic/styling-improvements

Layout improvements

Author: psrpinto

frontend/styles/theme/theme.css

@@ -17,3 +17,35 @@ body {
 .RootView.single-room-mode .RoomHeader .close-middle {
     display: none !important;
 }
+
+/* Remove horizontal scrollbars in pre-session screen. */
+@media screen and (min-width: 600px) {
+    .PreSessionScreen {
+        width: 570px;
+    }
+}
+
+/* Remove drop-shadow around pre-session screen. */
+.PreSessionScreen {
+    box-shadow: none;
+    border-radius: 0;
+}
+
+/* Reduce whitespace to remove vertical scrollbars in login screen. */
+.PreSessionScreen {
+    margin-top: 0;
+    padding: 24px;
+}
+.PreSessionScreen .LoginView_separator {
+    margin: -2px;
+}
+
+/* Remove link to hydrogen on GitHub. */
+.PreSessionScreen a[href*="https://github.com/vector-im/hydrogen-web"] {
+    display: none;
+}
+
+/* Remove vertical scrollbars in logout screen. */
+.LogoutScreen {
+    height: 90vh;
+}

frontend/targets/block/parent.css

@@ -5,25 +5,26 @@
 html, body {
     margin: 0;
     padding: 0;
-    width: 100%;
     height: 100%;
 }
 
 body {
-    width: 100%;
-    height: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 .automattic-chatrix-container {
-    width: 550px;
-    height: 650px;
+    width: 600px;
+    height: 600px;
+    border-radius: 12px;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 14px 64px -10px rgba(0, 0, 0, 0.2);
 }
 
 .automattic-chatrix-iframe {
     width: 100%;
     height: 100%;
     border: 0;
+    border-radius: inherit;
+    overflow: hidden;
 }