client/src/app/shared/search/search.component.scss

   1 .icon-addon {
   2   background-color: #fff;
   3   border-radius: 0;
   4   border-color: $header-border-color;
   5   border-width: 0 0 1px 0;
   6   text-align: right;
   7
   8   .glyphicon-search {
   9     width: 30px;
  10     font-size: 20px;
  11   }
  12 }
  13
  14 input, button, .input-group {
  15   height: 100%;
  16 }
  17
  18 input, .input-group-btn {
  19   border-radius: 0;
  20   border-top: none;
  21   border-left: none;
  22 }
  23
  24 input {
  25   height: $header-height;
  26   border-right: none;
  27   font-weight: bold;
  28   box-shadow: none;
  29
  30   &, &:focus {
  31     border-bottom: 1px solid $header-border-color !important;
  32     outline: none !important;
  33     box-shadow: none !important;
  34   }
  35 }
  36
  37 button {
  38
  39   &, &:hover, &:focus, &:active, &:visited {
  40     background-color: #fff !important;
  41     border-color: $header-border-color !important;
  42     color: #858585 !important;
  43     outline: none !important;
  44
  45     height: $header-height;
  46     border-width: 0 0 1px 0;
  47     font-weight: bold;
  48     text-decoration: none;
  49     box-shadow: none;
  50   }
  51 }