// // Page Header // -------------------------------------------------- // Common styles .page-header { margin: 0px; margin-bottom: @line-height-computed; .btn-aligned { float: right; margin-top: @line-height-computed + 3px; margin-left: 8px; &.pull-left { margin-left: 0px; margin-right: 8px; } } } // Small displays @media screen and (max-width: @screen-sm-max) { .container { h1 { font-size: @font-size-large * 1.25; } .btn-aligned { float: right; margin-top: @line-height-computed - 7px; } .btn-icon { .material-icon { width: 24px; height: 24px; font-size: 24px; line-height: 24px; } } } } // Stats .header-stats .list-inline li { margin-right: 8px; .status-icon { width: 18px; height: 18px; margin-right: 4px; position: relative; bottom: 1px; font-size: 18px; line-height: 18px; } } @media screen and (max-width: @screen-sm-max) { .header-stats .list-inline { margin-top: @line-height-computed / 2; margin-bottom: 0px; font-size: @font-size-small; } } // Tabs .page-header .page-tabs .nav { &>li { margin: 0px; &>a { border-radius: 0px; } } } @media screen and (max-width: @screen-sm-max) { .page-header .page-tabs { margin-top: ((@line-height-computed / 2) - 1); margin-bottom: ((@line-height-computed / 2) - 1) * -1; } .page-header .page-tabs .container { padding: 0px; width: 100%; .nav-pills { li { display: block; float: inherit; width: auto; } } } } @media screen and (min-width: @screen-md-min) { .page-header.tabbed { padding-bottom: 0px; } }