small change in how google/facebook login button look.

ronreiter · Apr 11, 2016 · 0f56e4c · 0f56e4c
1 parent f6fa018
commit 0f56e4c
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -757,4 +757,23 @@ input[type='checkbox']{
     margin: 15px;
     margin-right: 0px;
 }
+/* for login popup*/
+.modal-header {
+    background-color = gray;
+}
+.modal-header h3 {
+    font-size: 16px;
+}
+.btn-social-icon {
+    width: 160px;
+    border-radius: 0px;
+    color: #fff !important;
+}
+.btn-facebook {
+
+    background-color: blue;
+}
 
+.btn-google {
+    background-color: red;
+}
diff --git a/templates/index.html b/templates/index.html
@@ -406,7 +406,7 @@ <h5> אנו מפתחים תכונות חדשות לאתר. הנך מוזמנ/ת
     <div class="modal hide fade">
         <div class="modal-header">
             <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-            <h3>{{ gettext('Login') }}</h3>
+            <h3>{{ gettext('היכנס') }}</h3>
         </div>
         <div class="modal-body" style="width: 50%; margin: 0 auto;">
             <div class="control-group" style="width: 100%; margin: 0 auto;">
@@ -423,7 +423,7 @@ <h2> {{ gettext('Hi') + ' ' + current_user.nickname }}</h2>
                         <span class="fa fa-facebook"></span>
                     </a>                    
                     <br/>
-                    <h3>OR</h3>
+                    <!--<h3>OR</h3>-->
                     <br/>
                     <a class="btn btn-social-icon btn-google" href="{{ url_for('oauth_authorize', provider='google') }}">
                         {{ gettext('Login with Google') }}
@@ -432,9 +432,9 @@ <h3>OR</h3>
                 {% endif %}
             </div>
         </div>
-        <div class="modal-footer">
-            <a class="btn close-button">סגור</a>
-        </div>
+        <!--<div class="modal-footer">-->
+            <!--<a class="btn close-button">סגור</a>-->
+        <!--</div>-->
     </div>
 </div>