Align content page elements

This commit is contained in:
Edd Baldry 2016-10-25 19:22:38 +01:00 committed by Matt Westcott
parent 060e2f62ec
commit d60cf825a7
6 changed files with 25 additions and 8 deletions

View file

@ -436,6 +436,9 @@ table.listing {
position: absolute;
right: 10%;
top: 2em;
// @media screen and (min-width: $breakpoint-desktop-larger) {
// right: 20em;
// }
}
.locked-indicator {
@ -673,9 +676,6 @@ table.listing {
.children,
.no-children {
@include transition(background-color 0.2s ease);
@media screen and (min-width: $breakpoint-desktop-larger) {
padding-right: 19em
}
}
.children a,

View file

@ -98,8 +98,14 @@ $zindex-modal-background: 500;
padding-bottom: 2em;
header {
padding-left: 2em;
padding-right: 100px;
}
.header-title {
padding-left: 1em!important;
/* @TODO That specificity isn't working out so well... */
}
}
@media screen and (min-width: $breakpoint-mobile) {

View file

@ -10,6 +10,10 @@
padding: 0;
position: relative;
margin-right: 1px;
&:first-of-type {
padding-left: 1.2em;
}
}
a {
@ -118,5 +122,9 @@
.modal-content .tab-nav li {
padding: 0;
min-width: 0;
&:first-of-type {
padding-left: 2.5em;
}
}
}

View file

@ -115,7 +115,7 @@ body {
@include row();
background: $color-white;
border-top: 0 solid $color-grey-5; // this top border provides space for the floating logo to toggle the menu
height: 100%;
min-height: 100%;
padding-bottom: 4em;
position: relative; // yuk. necessary for positions for jquery ui widgets
}
@ -493,7 +493,7 @@ footer,
@media screen and (min-width: 90em) {
.wrapper {
width: 100%;
// width: 100%;
}
footer {

View file

@ -9,8 +9,7 @@
}
.breadcrumb {
margin-top: -1.2em;
margin-bottom: 2em;
margin: -1.2em 0 2em 0;
}
.modal .breadcrumb {
@ -29,6 +28,10 @@
padding-left: 0;
}
}
.header-title {
padding-left: 4em;
}
}
// An object is the basic wrapper around any field or group of fields in the editor interface

View file

@ -17,7 +17,7 @@
add_link - if present, display an 'add' button. This is a URL route name (taking no parameters) to be used as the link URL for the button
add_text - text for the 'add' button
{% endcomment %}
<header class="nice-padding {% if merged %}merged{% endif %} {% if tabbed %}tab-merged{% endif %} {% if search_form %}hasform{% endif %}">
<header class="{% if merged %}merged{% endif %} {% if tabbed %}tab-merged{% endif %} {% if search_form %}hasform{% endif %}">
<div class="row">
<div class="left">
<div class="col header-title">