MDL-56677 cohort: Fix cohort search box misalignment
[moodle.git] / theme / bootstrapbase / less / moodle / buttons.less
1 .singlebutton {
2     div {
3         display: inline-block;
4         margin-right: 5px;
5         margin-bottom: 5px;
6         margin-left: 5px;
7     }
8 }
10 // Two singlebuttons side by side for ok/cancel.
11 #notice {
12     .buttons {
13         .singlebutton {
14             display: inline-block;
15         }
16     }
17 }
19 .continuebutton {
20     text-align: center;
21 }
23 p.arrow_button {
24     margin-top: 5em;
25     text-align: center;
26     #remove {
27         margin: 3em auto 5em;
28     }
29     input {
30         .btn-block;
31     }
32 }
34 #addcontrols {
35     // The margin top is equal the combination of the line-height and margin of a <p>,
36     // because the visual parent is a <p>.
37     margin-top: @baseLineHeight + (@baseLineHeight / 2);
38     text-align: center;
39     margin-bottom: 3em;
40     label {
41         display: inline;
42     }
43 }
45 #addcontrols,
46 #removecontrols {
47     input {
48         .btn-block;
49         margin: auto;
50     }
51 }
53 .btn-lineup {
54     margin: 0 0 10px 5px;
55 }
57 input[name="searchwikicontent"] + input[type="submit"],
58 select + input[type="submit"],
59 input[type="text"] + input[type="button"],
60 input[type="password"] + input[type="submit"],
61 input[type="text"] + button,
62 input[type="text"] + input[type="submit"] {
63     .btn-lineup
64 }
66 button,
67 input.form-submit,
68 input[type="button"],
69 input[type="submit"],
70 input[type="reset"] {
71     .btn;
72 }
73 button,
74 input.form-submit,
75 input[type="button"],
76 input[type="submit"],
77 input[type="reset"] {
78     .btn-lineup;
79 }
81 // The above buttons rules are really dumb and muck things up for simple pages using bootstrap correctly.
82 // e.g. cohort search form.
83 // Undo the above silly rules one by one for pages we know to be broken by them.
84 form.search-cohort input[type="text"],
85 form.search-cohort input[type="submit"],
86 form.search-cohort label {
87     .m-t-1
88 }
90 form.search-cohort label {
91     margin-bottom: 0;
92     vertical-align: middle;
93 }
95 form.search-cohort input[type="submit"] {
96     margin-bottom: 0;
97     margin-left: 0;
98 }
100 button {
101     &.yui3-button {
102         &.closebutton {
103             background-position: 0 0;
104             &:hover {
105                 background-position: 0 0;
106                 // Because we assign the button look to every button tag
107                 // above, we need to remove some styles from non-standard
108                 // looking buttons. Correct fix, assign .btn class to every
109                 // actual button in Moodle so we don't need to carpet bomb the
110                 // bare button tag.
111             }
112         }
113     }
116 input {
117     &.fp-btn-choose {
118         .btn-small
119     }
122 .user-enroller-panel {
123     .uep-search-results {
124         .user,
125         .cohort {
126             .options {
127                 .enrol {
128                     .btn-mini
129                 }
130             }
131         }
132     }