diff --git a/main.js b/main.js index dde67177d..12d60881c 100644 --- a/main.js +++ b/main.js @@ -210,7 +210,7 @@ const WINDOW_SIZE = Object.freeze({ defaultWidth: 880, defaultHeight: 820, minWidth: 880, - minHeight: 820, + minHeight: 600, }); function getWindowSize() { diff --git a/stylesheets/_session_signin.scss b/stylesheets/_session_signin.scss index b5f618bfa..221e6cfe3 100644 --- a/stylesheets/_session_signin.scss +++ b/stylesheets/_session_signin.scss @@ -10,6 +10,7 @@ height: 100%; display: flex; align-items: center; + flex-direction: column; &-accent { flex-grow: 1; @@ -28,21 +29,33 @@ } &-registration { - height: 45%; padding-right: 128px; } + &-header { + display: flex; + flex-direction: row; + width: 100%; + justify-content: space-between; + padding: 17px 20px; + } + + &-body { + display: flex; + flex-direction: row; + flex: 1; + align-items: center; + width: 100%; + padding-bottom: 20px; + } + + &-close-button { - position: absolute; - top: 17px; - left: 20px; + display: flex; + align-items: center; } &-session-button { - position: absolute; - top: 17px; - right: 20px; - img { width: 30px; } @@ -246,6 +259,8 @@ display: inline-block; font-family: $session-font-mono; user-select: all; + overflow: hidden; + resize: none; } } } @@ -259,3 +274,5 @@ .registration-content-centered { text-align: center; } + + diff --git a/ts/components/session/SessionRegistrationView.tsx b/ts/components/session/SessionRegistrationView.tsx index 3ab0d345e..6f1ef293a 100644 --- a/ts/components/session/SessionRegistrationView.tsx +++ b/ts/components/session/SessionRegistrationView.tsx @@ -8,24 +8,27 @@ export const SessionRegistrationView: React.FC = () => (