Misc CSS fixes
* set max content width to 960px
* created mixin for bold font
* move app-header content to global header
* minor global changes
* changed input alignment for network config inputs
* added pop-out button class
* changed lightgrey color
* fixed accordion header actions responsiveness
* fixed input box border colors
Change-Id: Iffe26d526439d7f2bb6808528a975ab7374ff1b2
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/elements/accordion.scss b/app/common/styles/elements/accordion.scss
index c3d9e0f..7e10227 100644
--- a/app/common/styles/elements/accordion.scss
+++ b/app/common/styles/elements/accordion.scss
@@ -8,11 +8,8 @@
color: $white;
margin-left: 0;
.event__actions {
- margin-top: 1em;
margin-right: 10px;
- @include mediaQuery(medium) {
- margin-top: -6px;
- }
+ margin-top: -6px;
@include mediaQuery(large) {
margin-right: -20px;
}
diff --git a/app/common/styles/elements/content-search.scss b/app/common/styles/elements/content-search.scss
index af14e05..b1aae36 100644
--- a/app/common/styles/elements/content-search.scss
+++ b/app/common/styles/elements/content-search.scss
@@ -13,7 +13,7 @@
#content__search-input {
margin: 0;
- border: 1px solid $lightgrey;
+ border: 1px solid $medgrey;
padding-left: 40px;
padding-right: 5px;
&:focus {
diff --git a/app/common/styles/elements/export.scss b/app/common/styles/elements/export.scss
index 45b910a..ea0ab92 100644
--- a/app/common/styles/elements/export.scss
+++ b/app/common/styles/elements/export.scss
@@ -1,19 +1,17 @@
//Export button
.btn-export {
- text-transform: capitalize;
color: $black;
font-size: .9em;
font-weight: 700;
position: relative;
padding: 0 0 1em 2em;
margin-right: .6em;
+ text-decoration: none;
+ margin-top: 7px;
&:hover {
text-decoration: underline;
}
}
-.btn-export {
- margin-top: 7px;
-}
.btn-export:before {
content: '\21E5';
position: absolute;
diff --git a/app/common/styles/elements/inline-confirm.scss b/app/common/styles/elements/inline-confirm.scss
index f2da19e..fe23cb8 100644
--- a/app/common/styles/elements/inline-confirm.scss
+++ b/app/common/styles/elements/inline-confirm.scss
@@ -3,7 +3,6 @@
.inline__confirm {
position: absolute;
top: 0;
- right: 0;
transform: translateY(-103%);
width: 100%;
height: 100%;
@@ -22,10 +21,6 @@
// Power confirmation buttons
.inline__confirm-buttons {
- position: absolute;
- top: 50%;
- right: 1em;
- transform: translateY(-50%);
.btn-primary {
background: transparent;
border: 2px solid $white;
@@ -46,7 +41,6 @@
// confirmation message
.inline__confirm-message {
display: inline-block;
- max-width: 50%;
}
// Power confirmation message icon
diff --git a/app/common/styles/elements/status.scss b/app/common/styles/elements/status.scss
index 22d99b8..7d9b57a 100644
--- a/app/common/styles/elements/status.scss
+++ b/app/common/styles/elements/status.scss
@@ -3,6 +3,7 @@
content: '\25CF';
display: inline-block;
font-size: 2em;
+ color: $status-ok;
margin-right: .1em;
transform: translateY(2px);
@include slowTransition-all;
@@ -40,7 +41,6 @@
}
.status-light__good {
- color: $status-ok;
&::before {
@include status-light__good;
}