Modified social buttons to align one under another

Author: turtle-key

modules/sociallogin/views/css/sociallogin.css

@@ -20,10 +20,10 @@
 .sl-auth__divider::before { left: 0; }
 .sl-auth__divider::after { right: 0; }
 
-/* Responsive grid for buttons */
+/* Stack buttons vertically (one under another) */
 .sl-auth__buttons {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  display: flex;
+  flex-direction: column;
   gap: .6rem;
 }
 
@@ -39,30 +39,29 @@
   border-radius: 999px;
   font-weight: 600;
   text-decoration: none;
-  border: 1px solid transparent;
+  border: 1.7px solid transparent;
   transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease;
   will-change: transform, box-shadow;
   outline: none;
 }
 
-/* Icon + text layout */
+/* Icon + text layout (centered, no stretching) */
 .sl-btn__icon {
-  display: flex;              
-  align-items: center;        
+  display: inline-flex;
+  align-items: center;
   justify-content: center;
   line-height: 0;
-  display: inline-grid;
-  place-items: center;
   width: var(--sl-icon-size);
   height: var(--sl-icon-size);
   flex: 0 0 var(--sl-icon-size);
 }
 .sl-btn__icon img {
   display: block;
-  width: 100%;
-  height: 100%;
-  object-fit: contain;    /* keep aspect ratio */
-  object-position: center;/* center inside square box */
+  height: 100%;        /* fill icon box height */
+  width: auto;         /* preserve aspect ratio */
+  max-width: 100%;     /* guard super-wide svgs */
+  object-fit: contain; /* no distortion */
+  object-position: center;
   vertical-align: middle;
 }
 .sl-btn__text { line-height: 1; }
@@ -79,8 +78,8 @@
   color: #1f2937;
   background: #fff;
   border-color: var(--gray-300, #e5e7eb);
-  box-shadow: 0 2px 8px rgba(0, 0, 0, .06);
 }
+
 .sl-btn--google:hover {
   background: #fff;
   border-color: var(--gray-400, #d1d5db);
@@ -93,7 +92,6 @@
   --sl-icon-size: 18px;
   color: #fff;
   background: #0766FF;
-  box-shadow: 0 2px 10px rgba(24, 119, 242, .20);
 }
 .sl-btn--facebook:hover {
   background: #0766FF;
@@ -106,7 +104,6 @@
   --sl-icon-size: 18px;
   color: #fff;
   background: #000;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, .25);
 }
 .sl-btn--apple:hover {
   background: #111;