MDL-59294 theme_bootstrapbase: Fix display of ID provider buttons
authorJun Pataleta <jun@moodle.com>
Mon, 26 Jun 2017 07:59:25 +0000 (15:59 +0800)
committerJun Pataleta <jun@moodle.com>
Wed, 28 Jun 2017 05:27:41 +0000 (13:27 +0800)
lib/templates/loginform.mustache
theme/bootstrapbase/less/moodle/core.less
theme/bootstrapbase/style/moodle.css

index 1d65ea1..a6c2cf3 100644 (file)
 
     </div>
 
+    <div class="signuppanel">
     {{#hasinstructions}}
-        <div class="signuppanel">
-            <h2>{{#str}} firsttime {{/str}}</h2>
-            <div class="subcontent">
-                {{{instructions}}}
-                {{#cansignup}}
-                    <div class="signupform">
-                        <form action="{{signupurl}}" method="get" id="signup">
-                            <div>
-                                <input type="submit" value={{#quote}}{{#str}} startsignup {{/str}}{{/quote}} />
-                            </div>
-                        </form>
-                    </div>
-                {{/cansignup}}
-            </div>
+        <h2>{{#str}} firsttime {{/str}}</h2>
+        <div class="subcontent">
+            {{{instructions}}}
+            {{#cansignup}}
+                <div class="signupform">
+                    <form action="{{signupurl}}" method="get" id="signup">
+                        <div>
+                            <input type="submit" value={{#quote}}{{#str}} startsignup {{/str}}{{/quote}} />
+                        </div>
+                    </form>
+                </div>
+            {{/cansignup}}
         </div>
     {{/hasinstructions}}
 
             <div class="potentialidplist">
                 {{#identityproviders}}
                     <div class="potentialidp">
-                        <a href="{{url}}" title={{#quote}}{{name}}{{/quote}}>
-                            {{#iconurl}}
-                                <img src="{{iconurl}}" alt="" width="24" height="24"/>
-                            {{/iconurl}}
-                            {{name}}
+                        <a href="{{url}}" title={{#quote}}{{name}}{{/quote}} class="btn">
+                        {{#iconurl}}
+                            <img src="{{iconurl}}" alt="" width="24" height="24"/>
+                        {{/iconurl}}
+                        {{name}}
                         </a>
                     </div>
                 {{/identityproviders}}
             </div>
         </div>
     {{/hasidentityproviders}}
+    </div>
 </div>
 
 {{#js}}
index 6a60df6..2ee0b34 100644 (file)
@@ -505,24 +505,14 @@ a.skip:active {
     margin-bottom: 5px;
     margin-top: 15px;
 }
-.loginbox .signuppanel .subcontent {
-    text-align: left;
-}
 .loginbox .loginsub {
     margin-left: 0;
     margin-right: 0;
 }
 .loginbox .guestsub,
-.loginbox .forgotsub,
-.loginbox .potentialidps {
+.loginbox .forgotsub {
     margin: 5px 12%;
 }
-.loginbox .potentialidps .potentialidplist {
-    margin-left: 40%;
-}
-.loginbox .potentialidps .potentialidplist div {
-    text-align: left;
-}
 .loginbox .loginform {
     margin-top: 1em;
     text-align: left;
@@ -558,7 +548,9 @@ a.skip:active {
     margin-bottom: -2000px;
     padding-bottom: 2000px;
 }
-
+.loginbox .potentialidp {
+    margin-bottom: 0.3em;
+}
 .loginbox .potentialidp .smallicon {
     vertical-align: text-bottom;
     margin: 0 .3em;
index 147abba..88cc4a8 100644 (file)
@@ -2796,24 +2796,14 @@ a.skip:active {
   margin-bottom: 5px;
   margin-top: 15px;
 }
-.loginbox .signuppanel .subcontent {
-  text-align: left;
-}
 .loginbox .loginsub {
   margin-left: 0;
   margin-right: 0;
 }
 .loginbox .guestsub,
-.loginbox .forgotsub,
-.loginbox .potentialidps {
+.loginbox .forgotsub {
   margin: 5px 12%;
 }
-.loginbox .potentialidps .potentialidplist {
-  margin-left: 40%;
-}
-.loginbox .potentialidps .potentialidplist div {
-  text-align: left;
-}
 .loginbox .loginform {
   margin-top: 1em;
   text-align: left;
@@ -2851,6 +2841,9 @@ a.skip:active {
   margin-bottom: -2000px;
   padding-bottom: 2000px;
 }
+.loginbox .potentialidp {
+  margin-bottom: 0.3em;
+}
 .loginbox .potentialidp .smallicon {
   vertical-align: text-bottom;
   margin: 0 .3em;