UI changes and fixes based on QA feedback
Change-Id: I13bae30e86330a8831d35f1d8a2f7da821324e37
Signed-off-by: Michael Davis <michael.s.davis@ibm.com>
diff --git a/app/common/styles/base/core.scss b/app/common/styles/base/core.scss
index 963dc9f..10ce9c3 100644
--- a/app/common/styles/base/core.scss
+++ b/app/common/styles/base/core.scss
@@ -11,7 +11,7 @@
transition: margin .05s;
}
-a {
+a, button.link {
color: $links;
text-decoration: none;
font-weight: 700;
@@ -25,4 +25,9 @@
:focus {
color: $links;
}
+}
+
+button.link {
+ padding-left: .3em;
+ padding-right: .3em;
}
\ No newline at end of file
diff --git a/app/common/styles/base/foundation.scss b/app/common/styles/base/foundation.scss
index 36e18c2..f1bcb2f 100644
--- a/app/common/styles/base/foundation.scss
+++ b/app/common/styles/base/foundation.scss
@@ -525,7 +525,9 @@
input::-moz-placeholder,
textarea::-moz-placeholder {
- color: #cacaca; }
+ color: #cacaca;
+ text-transform: lowercase;
+}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
@@ -560,7 +562,7 @@
[type='radio'] + label {
display: inline-block;
vertical-align: baseline;
- margin-left: 0.5rem;
+ //margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0; }
[type='checkbox'] + label[for],
diff --git a/app/common/styles/elements/inline-confirm.scss b/app/common/styles/elements/inline-confirm.scss
index 4746eb9..b01c576 100644
--- a/app/common/styles/elements/inline-confirm.scss
+++ b/app/common/styles/elements/inline-confirm.scss
@@ -6,7 +6,6 @@
transform: translateY(-103%);
width: 100%;
height: 100%;
- //margin-left: -1.8em;
z-index: 5;
background: $darkbg__primary;
color: $white;
@@ -45,6 +44,7 @@
// confirmation message
.inline__confirm-message {
display: inline-block;
+ font-weight: 400;
}
// Power confirmation message icon
diff --git a/app/common/styles/layout/content.scss b/app/common/styles/layout/content.scss
index b1a7942..5225284 100644
--- a/app/common/styles/layout/content.scss
+++ b/app/common/styles/layout/content.scss
@@ -8,9 +8,8 @@
border-bottom: 1px solid $lightbg__grey;
margin: 1.625em 0 1.2em 0;
padding-left: 0;
- overflow: hidden;
.h4 {
- padding: 0;
+ padding: .1em 0 0 0;
margin: 0 0 .5em 0;
font-weight: bold;
}
@@ -21,16 +20,10 @@
padding: 1em .1em;
transition: left 1s ease;
@include mediaQuery(x-small){
- //margin-left: $nav__toplvlWidth + $nav__seclvlWidth;
padding: 1rem 2rem;
}
}
-section.row {
- padding-left: 0;
- padding-right: 0;
-}
-
.content-header {
font-weight: 700;
margin-bottom: 0;