Small amend to layout of results header at smaller screen widths

This commit is contained in:
perryharlock
2013-11-11 10:33:11 +00:00
parent 2a3adcab5b
commit 508a92ca08
3 changed files with 8 additions and 6 deletions

File diff suppressed because one or more lines are too long

View File

@@ -21,9 +21,6 @@
margin-bottom:2rem; margin-bottom:2rem;
padding-bottom:1rem; padding-bottom:1rem;
} }
.task-header .run-details {
text-align:left;
}
.task-header .btn { .task-header .btn {
padding:5px 10px; padding:5px 10px;
font-size:12px; font-size:12px;
@@ -79,6 +76,11 @@
margin-bottom:10px; margin-bottom:10px;
} }
} }
.task-header {
.run-details {
text-align:left;
}
}
} }
@media (max-width:640px) { @media (max-width:640px) {
body { body {

View File

@@ -1,11 +1,11 @@
<div class="col-md-12"> <div class="col-md-12">
<div class="ruled task-header"> <div class="ruled task-header">
<div class="row clearfix"> <div class="row clearfix">
<div class="col-md-10"> <div class="col-md-9 col-sm-9">
<h1 class="h2 crunch-top">{{simplify-url task.url}}</h1> <h1 class="h2 crunch-top">{{simplify-url task.url}}</h1>
<p class="h4">({{task.standard}})</p> <p class="h4">({{task.standard}})</p>
</div> </div>
<div class="col-md-2 text-right run-details"> <div class="col-md-3 col-sm-3 text-right run-details">
<a href="{{task.hrefRun}}" class="btn btn-success">Run <span class="glyphicon glyphicon-play"></span></a> <a href="{{task.hrefRun}}" class="btn btn-success">Run <span class="glyphicon glyphicon-play"></span></a>
{{#if mainResult}} {{#if mainResult}}
<div class="date">Last run : {{date-format mainResult.date format="DD MMM YYYY"}}</div> <div class="date">Last run : {{date-format mainResult.date format="DD MMM YYYY"}}</div>