fix: tighten up the social logins

This keeps it from needing to scroll on mobile devices.
mbta · Jan 2, 2025 · 7bee626 · 7bee626
1 parent 069d09e
commit 7bee626
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 11 deletions.
diff --git a/files/templates/mbta/login/login.ftl b/files/templates/mbta/login/login.ftl
@@ -92,15 +92,15 @@
 			        </div>
 	            </form>
 			</#if>
+            <#if realm.password && social.providers??>
+                <#list social.providers>
+                    <ul class="login-social-providers">
+                        <#items as p>
+                            <li><a href="${p.loginUrl}">${msg("identityProviderLoginLabel", p.displayName)}</a></li>
+                        </#items>
+                    </ul>
+                </#list>
+            </#if>
 		</div>
-        <#if realm.password && social.providers??>
-            <#list social.providers>
-                <ul class="login-social-providers">
-                    <#items as p>
-                        <li><a href="${p.loginUrl}">${msg("identityProviderLoginLabel", p.displayName)}</a></li>
-                    </#items>
-                </ul>
-            </#list>
-        </#if>
     </#if>
 </@layout.registrationLayout>
diff --git a/files/templates/mbta/login/resources/css/stylesheet.css b/files/templates/mbta/login/resources/css/stylesheet.css
@@ -130,7 +130,7 @@ h3 {
 .container {
     height: auto;
     border: 1px solid #F2F3F5;
-    margin: 5% auto 0 auto;
+    margin: 0 auto 0 auto;
     padding: 5% 3%;
 }
 
@@ -472,7 +472,7 @@ a:visited {
 
 .login-social-providers {
     list-style: none;
-    padding: 1rem;
+    padding: 1rem 1rem 0;
 }
 
 .login-social-providers li {