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/base/buttons.scss b/app/common/styles/base/buttons.scss
index 9c5ba92..2f53391 100644
--- a/app/common/styles/base/buttons.scss
+++ b/app/common/styles/base/buttons.scss
@@ -1,10 +1,9 @@
button, .button, input[type="submit"], .submit {
- font-weight: bold;
font-size: 1em;
- @include fontFamily;
+ @include fontFamilyBold;
text-transform: none;
border-radius: 3px;
- padding: .8rem 3.5rem .5rem;
+ padding: .5rem 2rem .5rem;
height: auto;
border: 0;
overflow: hidden;
@@ -28,7 +27,7 @@
input[type="submit"] {
color: $primebtn__text;
background: $primebtn__bg;
- min-height: 50px;
+ min-height: 40px;
&:hover {
background: lighten($primebtn__bg, 8%);
@include fastTransition-all;
@@ -58,7 +57,7 @@
color: $secbtn__text;
background: transparent;
border: 2px solid $secbtn__border;
- min-height: 50px;
+ min-height: 40px;
&:hover {
background: $lightbg__accent;
cursor: pointer;
@@ -90,3 +89,34 @@
margin-top: -3px;
}
}
+
+.btn-pop-out {
+ position: relative;
+ padding: 0 0 1em 2em;
+ color: $black;
+ &:hover {
+ text-decoration: underline;
+ }
+ &:before {
+ content: '';
+ position: absolute;
+ left: 0;
+ top: 3px;
+ width: 25px;
+ height: 20px;
+ display: inline-block;
+ border: 1px solid $black;
+ border-top: 4px solid $black;
+ }
+ &:after {
+ content: '\2794';
+ position: absolute;
+ transform: rotate(-45deg);
+ font-size: .9em;
+ font-weight: 700;
+ vertical-align: middle;
+ display: inline-block;
+ left: 11px;
+ top: 4px;
+ }
+}
\ No newline at end of file