Change button styles from rounded to straight corners

This will create more visual consistency between the components
in the GUI since there are elements, such as text fields and
dropdowns that are styled with straight corners.

- Removes border radius from buttons
- Removes some redundant styles
- Adds input types that aren't currently inheriting
  defined styles

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I6ff1bde91e2e57df01484dd20003925cd914ffa2

2 files changed, 6 insertions, 8 deletions

diff --git a/app/common/styles/elements/content-search.scss b/app/common/styles/elements/content-search.scss
index 5fa8ef2..4f4dfa4 100644
--- a/app/common/styles/elements/content-search.scss
+++ b/app/common/styles/elements/content-search.scss
@@ -3,7 +3,6 @@
 
 .content__search {
   width: 100%;
-  display: inline-block;
   float: left;
   position: relative;
   margin-right: 1em;
@@ -14,6 +13,8 @@
     border: 1px solid $input-border;
     padding-left: 40px;
     padding-right: 5px;
+    height: 3em;
+    max-height: none;
     &:focus {
       box-shadow: none;
     }
@@ -41,8 +42,9 @@
   .search-submit__wrapper {
     position: absolute;
     width: auto;
-    top: 0.2em;
-    right: 0.2em;
+    height: 100%;
+    top: 0;
+    right: 0;
   }
   .content__search-submit {
     display: inline-block;
@@ -54,6 +56,7 @@
     font-size: .8em;
     border: 0;
     width: auto;
+    height: 100%;
     &:hover {
       cursor: pointer;
     }
diff --git a/app/common/styles/elements/toggle-filter.scss b/app/common/styles/elements/toggle-filter.scss
index 7448827..ebdcf91 100644
--- a/app/common/styles/elements/toggle-filter.scss
+++ b/app/common/styles/elements/toggle-filter.scss
@@ -17,15 +17,10 @@
   button {
     margin: 3px -3px;
     padding: .6em 2em;
-    min-height: 2.1em;
     font-size: .9em;
     font-weight: 700;
     border-radius: 0;
     display: inline-block;
-    &.first,
-    &.last {
-      border-radius: 3px;
-    }
   }
   .btn-primary {
     border: 2px solid $primebtn__bg;