fix sign-in buttons

weirdtangent · Mar 21, 2021 · e52c631 · e52c631
1 parent 643e0d6
commit e52c631
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/static/css/global.css b/static/css/global.css
@@ -100,8 +100,8 @@ li.signout {
   padding-bottom: 0.75em;
 }
 
-.login a {
-  width: 253px;
+.login {
+  height: 50px;
 }
 
 .signout {

diff --git a/static/images/google_signin.png → static/images/vendor/google-sign-in.png b/static/images/google_signin.png → static/images/vendor/google-sign-in.png
diff --git a/static/images/vendor/twitter-sign-in.png b/static/images/vendor/twitter-sign-in.png
diff --git a/templates/includes/_sidemenu.gohtml b/templates/includes/_sidemenu.gohtml
@@ -20,9 +20,10 @@
                 {{end}}
               </ul>
             {{else}}
-              <div class="ms-4 pb-2 login"><a href="/auth/twitter" class="btn btn-primary"><span class="fa fa-twitter"></span> Sign in with Twitter</a></div>
-              <!-- <div class="g-signin2 pb-2 ms-4" data-onsuccess="onSignIn" data-width="253" data-height="50" data-longtitle="true" data-theme="dark"></div> -->
-              <div class="pb-2 ms-4 login"><a href="/auth/google" class="btn btn-primary"><span class="fa fa-google"></span> Sign in with Google</a></div>
+              <div class="d-flex flex-column align-items-center pt-3">
+                <div class="login"><a href="/auth/twitter"><img src="/static/images/vendor/twitter-sign-in.png"></a></div>
+                <div class="login"><a href="/auth/google"><img src="/static/images/vendor/google-sign-in.png"></a></div>
+              </div>
             {{end}}
           </div>
 {{- end}}