Merge pull request #6370 from nextcloud/fix-alternative-logins

Fix layout of alternative login buttons

apps/theming/css/theming.scss

@@ -31,13 +31,18 @@
 
 	#body-login {
 
-		input {
+		input,
+		#alternative-logins li a {
 			border: 1px solid nc-lighten($color-primary-text, 50%);
 		}
-		input.primary {
+		input.primary,
+		#alternative-logins li a {
 			background-color: $color-primary;
 		}
-		a, label, p {
+		a,
+		label,
+		p,
+		#alternative-logins legend {
 			color: $color-primary-text !important;
 		}
 		input[type='checkbox'].checkbox--white + label:before {
@@ -83,7 +88,8 @@
 	background-color: $color-primary;
 }
 
-input.primary {
+input.primary,
+#alternative-logins li a {
 	background-color: $color-primary-element;
 	border: 1px solid $color-primary-text;
 	color: $color-primary-text;

core/css/guest.css

@@ -400,8 +400,23 @@ form .warning input[type='checkbox']+label {
 }
 
 /* Alternative Logins */
-#alternative-logins legend { margin-bottom:10px; }
-#alternative-logins li { height:40px; display:inline-block; white-space:nowrap; }
+#alternative-logins legend {
+	margin-bottom: 10px;
+}
+#alternative-logins li {
+	height: 40px;
+	white-space: nowrap;
+	padding: 05px;
+}
+#alternative-logins li a {
+	width: 100%;
+	display: inline-block;
+	text-align: center;
+	box-sizing: border-box;
+	background-color: #0082c9;
+	color: white;
+	border-radius: 3px;
+}
 
 /* fixes for update page TODO should be fixed some time in a proper way */
 /* this is just for an error while updating the ownCloud instance */