color: rgb(102, 102, 102);
font-size: 1.3em;
font-weight: normal;
- margin: 5px 0 30px 0;
+ margin: 5px 0 25px 0;
}
a {
text-decoration: none;
}
-.error-img {
+#error-img {
/* Can't access chrome:// urls from an untrusted renderer process, so embed
* the resource manually. */
-webkit-user-select: none;
margin-top: 10px;
}
-.avatar-container {
+#avatar-container {
position: relative;
}
box-shadow: inset 0 1px 0 rgb(255, 255, 255);
color: rgb(102, 102, 102);
font-weight: bold;
- margin: 5px 0;
+ margin: 5px 3px;
padding: 8px 13px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
-#back-button {
- background-image: linear-gradient(rgb(84, 153, 244) 5%,
- rgb(82, 148, 242) 50%,
- rgb(75, 133, 241));
- border: 1px solid rgb(81, 135, 223);
- border-bottom: 1px solid rgb(56, 112, 207);
- box-shadow: inset 0 1px 0 rgb(95, 168, 247);
- color: rgb(255, 255, 255);
- text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-}
-
@media (min-width: 376px) {
#back-button {
width: 100px;
}
@media (max-width: 375px) {
+ #button-container {
+ display: flex;
+ flex-flow: column;
+ }
+
+ #back-button {
+ order: 2;
+ }
+
+ #request-access-button {
+ order: 1;
+ }
+
button {
width: 100%;
}