Less float & less html is mobile view profit

This commit is contained in:
djmaze 2021-02-08 21:19:58 +01:00
parent 004378ed8c
commit 57158bd55a
17 changed files with 71 additions and 91 deletions

View file

@ -10,7 +10,7 @@
white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)
}
.btn-group:not(:first-child) {
.btn-group + .btn-group {
margin-left: 3px;
}

View file

@ -51,7 +51,7 @@
background-clip: padding-box;
// Aligns the dropdown menu to right
&.pull-right {
&.right-edge {
right: 0;
left: auto;
}

View file

@ -34,12 +34,11 @@
// Give the tabs something to sit on
.nav-tabs {
border-bottom: 1px solid #ddd;
.clearfix();
}
// Make the list-items overlay the bottom border
.nav-tabs > li {
margin-bottom: -1px;
float: left;
display: inline-block;
}
// Actual tabs (as links)
.nav-tabs > li > a {
@ -49,6 +48,7 @@
line-height: @baseLineHeight;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
padding: 5px;
&:hover {
border-color: @grayLighter @grayLighter #ddd;
}