diff --git a/app/assets/styles/blink/_ReadyBox.scss b/app/assets/styles/blink/_ReadyBox.scss index a361e51..4b13c16 100644 --- a/app/assets/styles/blink/_ReadyBox.scss +++ b/app/assets/styles/blink/_ReadyBox.scss @@ -1,150 +1,152 @@ @import './variables'; .wholeContainer { flex: 1; flex-direction: column; justify-content: center; } .landscapeTitle { + margin-top: 5%; 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: 10px; color: white; font-size: 20px; width: 90%; margin-left: 3%; } .portraitTabletTitle { + margin-top: 10px; color: white; font-size: 20px; width: 90%; - margin-top: 10px; margin-left: 5%; } .portraitUriButtonGroup { flex-direction: column; width: 90%; margin-left: 5%; } .landscapeUriButtonGroup { flex-direction: row; width: 90%; margin-left: 5%; justify-content: space-between; } .portraitTabletUriButtonGroup { flex-direction: column; width: 90%; margin-left: 5%; justify-content: space-between; } .landscapeTabletUriButtonGroup { flex-direction: row; width: 94%; margin-left: 3%; justify-content: space-between; } .portraitUriInputBox { align: left; padding-top: 20px; width: 100%; } .landscapeUriInputBox { align: left; padding-top: 10px; width: 47%; } .portraitTabletUriInputBox { align: left; padding-top: 10px; width: 100%; } .landscapeTabletUriInputBox { align: left; padding-top: 10px; width: 65%; } .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 { width: 100%; flex: 9; } .portraitHistory { width: 100%; flex: 9; } .footer { flex: 1; justify-content: flex-end; padding-bottom: 15px; }