diff --git a/app/styles/_core.less b/app/styles/_core.less index e53bd8036f..705458abe8 100644 --- a/app/styles/_core.less +++ b/app/styles/_core.less @@ -121,7 +121,11 @@ .empty-state-message { margin: 40px auto 60px; max-width: 600px; - padding: 0 (@grid-gutter-width / 2); + padding: 0; + @media(min-width: @screen-xs-min) { + padding-left: (@grid-gutter-width / 2); + padding-right: (@grid-gutter-width / 2); + } h2, .h2 { // Avoid clipped descenders with class truncate or overflow: hidden line-height: 1.4; diff --git a/dist/styles/main.css b/dist/styles/main.css index 7657c2f679..09596873fe 100644 --- a/dist/styles/main.css +++ b/dist/styles/main.css @@ -4423,7 +4423,9 @@ body{padding-right:0px!important} .nav-tabs>li>a:before{left:0!important} .nav-tabs{margin-bottom:20px} .resource-details h3{border-bottom:1px solid #eee;padding-bottom:10px} -.empty-state-message{margin:40px auto 60px;max-width:600px;padding:0 20px} +.empty-state-message{margin:40px auto 60px;max-width:600px;padding:0} +@media (min-width:480px){.empty-state-message{padding-left:20px;padding-right:20px} +} .empty-state-message .h2,.empty-state-message h2{line-height:1.4} .empty-state-message .btn{margin:10px 0 20px} @media (min-height:600px){.empty-state-message .hero-icon{display:inline-block;font-size:90px} @@ -5588,9 +5590,11 @@ a.subtle-link:active,a.subtle-link:focus,a.subtle-link:hover{color:#00659c;borde .pad-left-xxl{padding-left:30px} .mar-left-xxl{margin-left:30px} .chromeless{color:#d1d1d1} -.chromeless .log-loading-msg{margin:40px auto 60px;max-width:600px;padding:0 20px;line-height:1.4;text-align:center} -.log-header .log-actions .btn-link,.log-view{padding:0} +.chromeless .log-loading-msg{margin:40px auto 60px;max-width:600px;padding:0;line-height:1.4;text-align:center} .log-line-number,.log-link-external{text-align:right} +@media (min-width:480px){.chromeless .log-loading-msg{padding-left:20px;padding-right:20px} +} +.log-header .log-actions .btn-link,.log-view{padding:0} .chromeless .log-loading-msg .h2,.chromeless .log-loading-msg h2{line-height:1.4} .chromeless .log-loading-msg .btn{margin:10px 0 20px} .chromeless .log-loading-msg .hero-icon{display:none}