Fix clone URL alignment on project page

This commit is contained in:
Annabel Dunstone Gray 2018-05-23 18:36:17 -07:00
parent 16c8ec60bd
commit 2ad4348ecb
No known key found for this signature in database
GPG Key ID: 7C8C78A372AD7A2D
4 changed files with 12 additions and 10 deletions

View File

@ -46,12 +46,6 @@ a {
text-align: right; text-align: right;
} }
.form-control,
.search form {
// Bootstrap 4 does not have a height
min-height: 34px;
}
table { table {
// Remove any table border lines // Remove any table border lines
border-spacing: 0; border-spacing: 0;

View File

@ -19,3 +19,9 @@
@extend .broadcast-message; @extend .broadcast-message;
margin-bottom: 20px; margin-bottom: 20px;
} }
.toggle-colors {
input {
min-height: 34px;
}
}

View File

@ -251,7 +251,7 @@
margin: 15px 5px 0 0; margin: 15px 5px 0 0;
input { input {
height: 29px; height: 28px;
} }
} }
@ -875,6 +875,7 @@ pre.light-well {
.git-clone-holder { .git-clone-holder {
width: 380px; width: 380px;
height: 28px;
.btn-clipboard { .btn-clipboard {
border: 1px solid $border-color; border: 1px solid $border-color;
@ -890,7 +891,8 @@ pre.light-well {
.form-control { .form-control {
@extend .monospace; @extend .monospace;
background: $white-light; background-color: $white-light;
border-color: $border-color;
font-size: 14px; font-size: 14px;
margin-left: -1px; margin-left: -1px;
cursor: auto; cursor: auto;

View File

@ -18,11 +18,11 @@
.form-group.row.js-toggle-colors-container .form-group.row.js-toggle-colors-container
.col-sm-10.offset-sm-2 .col-sm-10.offset-sm-2
= link_to 'Customize colors', '#', class: 'js-toggle-colors-link' = link_to 'Customize colors', '#', class: 'js-toggle-colors-link'
.form-group.row.js-toggle-colors-container.hide .form-group.row.js-toggle-colors-container.toggle-colors.hide
= f.label :color, "Background Color", class: 'col-form-label col-sm-2' = f.label :color, "Background Color", class: 'col-form-label col-sm-2'
.col-sm-10 .col-sm-10
= f.color_field :color, class: "form-control" = f.color_field :color, class: "form-control"
.form-group.row.js-toggle-colors-container.hide .form-group.row.js-toggle-colors-container.toggle-colors.hide
= f.label :font, "Font Color", class: 'col-form-label col-sm-2' = f.label :font, "Font Color", class: 'col-form-label col-sm-2'
.col-sm-10 .col-sm-10
= f.color_field :font, class: "form-control" = f.color_field :font, class: "form-control"