diff --git a/app/assets/styles/blink/_ReadyBox.scss b/app/assets/styles/blink/_ReadyBox.scss index 20ea08c..4eed0df 100644 --- a/app/assets/styles/blink/_ReadyBox.scss +++ b/app/assets/styles/blink/_ReadyBox.scss @@ -1,154 +1,154 @@ @import './variables'; .wholeContainer { flex: 1; flex-direction: column; justify-content: center; } .landscapeTitle { color: white; font-size: 20px; width: 90%; margin-left: 5%; } .portraitTitle { color: white; font-size: 20px; width: 90%; margin-top: 10px; margin-left: 5%; } .landscapeTabletTitle { margin-top: 20px; color: white; font-size: 24px; width: 100%; margin-left: 3px; } .portraitTabletTitle { margin-top: 20px; color: white; font-size: 20px; width: 100%; margin-left: 10px; } .portraitUriButtonGroup { flex-direction: column; width: 100%; margin-left: 0%; } .landscapeUriButtonGroup { flex-direction: row; width: 100%; - margin-left: 0%; + margin-left: 2px; justify-content: space-between; } .portraitTabletUriButtonGroup { flex-direction: column; width: 100%; margin-left: 0%; justify-content: space-between; } .landscapeTabletUriButtonGroup { flex-direction: row; width: 100%; margin-left: 0%; justify-content: space-between; } .portraitUriInputBox { align: left; - padding-top: 20px; + padding-top: 0px; width: 100%; } .landscapeUriInputBox { align: left; - padding-top: 10px; + padding-top: 5px; width: 50%; + margin-left: 2px; } .portraitTabletUriInputBox { align: left; padding-top: 10px; width: 100%; } .landscapeTabletUriInputBox { align: left; padding-top: 10px; width: 66%; margin-left: 3px; - } .buttonGroup { flex-direction: row; padding-top: 5px; justify-content: center; } .landscapeButtonGroup { flex-direction: row; padding-top: 5px; justify-content: flex-end; } .uriInputBox { align: left; padding-top: 10px; width: 100%; } .button { background-color: rgba(#6DAA63, .9); margin: 10px; padding-top: 2px; padding-left: 1px; } .iosButton { background-color: rgba(#6DAA63, .9); margin: 10px; padding-top: 4px; padding-left: 1px; } .androidButton { background-color: rgba(#6DAA63, .9); margin: 10px; padding-top: 1px; padding-left: 1px; } .conferenceButton { background-color: rgba(#4572a6, 1); margin: 10px; } .landscapeHistory { - margin-top: 20px; + margin-top: 0px; width: 100%; margin-left: 3px; flex: 9; } .portraitHistory { width: 100%; flex: 9; } .footer { flex: 1; justify-content: flex-end; padding-bottom: 15px; }