diff --git a/app/assets/styles/blink/_HistoryCard.scss b/app/assets/styles/blink/_HistoryCard.scss index bb7dae2..95546e5 100644 --- a/app/assets/styles/blink/_HistoryCard.scss +++ b/app/assets/styles/blink/_HistoryCard.scss @@ -1,42 +1,46 @@ .content { flex: 1; flex-direction: row; } .mainContent { width: 100%; } .userAvatarContent { margin-top: 7px; margin-left: auto; } .landscapeContainer { - width: 42%; + width: 43%; + height: 110px; margin-left: 5%; margin-top: 10px; - border-radius: 5px; + border-radius: 2px; border: 1px; } .portraitContainer { width: 90%; margin: 0 auto; - margin-top: 10px; - border-radius: 5px; + height: 110px; + margin-top: 7px; + border-radius: 2px; } .landscapeTabletContainer { width: 29%; + height: 110px; margin-left: 3%; margin-top: 10px; - border-radius: 5px; + border-radius: 2px; } .portraitTabletContainer { width: 41%; + height: 110px; margin: 0 auto; margin-top: 10px; - border-radius: 5px; + border-radius: 2px; } diff --git a/app/assets/styles/blink/_ReadyBox.scss b/app/assets/styles/blink/_ReadyBox.scss index 4b13c16..07926ac 100644 --- a/app/assets/styles/blink/_ReadyBox.scss +++ b/app/assets/styles/blink/_ReadyBox.scss @@ -1,152 +1,151 @@ @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; + margin-top: 20px; color: white; font-size: 20px; width: 90%; margin-left: 3%; } .portraitTabletTitle { - margin-top: 10px; + margin-top: 20px; color: white; font-size: 20px; width: 90%; 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; }