Organized, moved to components folder

apps/explorer_web/assets/css/components/_button.scss

@@ -0,0 +1,98 @@
+.button {
+  border: none;
+  display: inline-block;
+  text-align: center;
+  text-decoration: none;
+  white-space:  nowrap;
+  padding: 8px 10px;
+  border-radius: .14589803rem;
+
+  &--primary {
+    background-color: $primary !important;
+    color: $black !important;
+    -webkit-transition: background-color .25s, color .25s !important;
+    transition: background-color .25s, color .25s;
+
+    &:hover,
+    &:focus {
+      background-color: $gray-700 !important;
+      color: $gray-200 !important;
+      text-decoration: none;
+    }
+
+    &:disabled {
+      background-color: $gray-300;
+      color: $gray-800;
+      text-decoration: none;
+    }
+  }
+
+  &--secondary {
+    border: 1px solid $primary;
+    color: $primary;
+    -webkit-transition: background-color .25s;
+    transition: background-color .25s;
+    font-weight: 400;
+
+    &:hover,
+    &:focus {
+      background-color: $primary;
+      color: $white;
+      text-decoration: none;
+      outline: none !important;
+    }
+  }
+
+  &--tertiary {
+    border: 1px solid $primary;
+    color: $gray-800;
+    -webkit-transition: background-color .25s, color .25s;
+    transition: background-color .25s, color .25s;
+
+    &:hover,
+    &:focus {
+      background-color: $gray-800;
+      color: $gray-400;
+    }
+  }
+
+  &--xsmall {
+    font-size: 11px;
+    padding: 6px 9px 6px !important;
+  }
+
+  &--small {
+    font-size: 12px;
+    padding: 10px 20px 10px;
+  }
+
+  &--medium {
+    font-size: 1.5rem;
+    padding: 15px 30px 15px;
+  }
+
+  &--large {
+    font-size: 1.5rem;
+    padding: 20px 60px 20px;
+  }
+
+// Block button
+// --------------------------------------------------
+
+  &--block {
+    display: block;
+    width: 100%;
+  }
+
+  &--disabled {
+    background-color: $gray-300;
+    color: $gray-500;
+    text-decoration: none;
+  }
+
+}
+
+// Vertically space out multiple block buttons
+.button--block + .button--block {
+  margin-top: 5px;
+}

apps/explorer_web/assets/css/components/_filter.scss

@@ -0,0 +1,4 @@
+.filter {
+  min-width: 100%;
+  transform: translate3d(1px, 26px, 0px) !important;
+}

apps/explorer_web/assets/css/components/_table.scss

@@ -0,0 +1,25 @@
+.table-font {
+
+  thead th, td, th {
+    border-top: none;
+    border-bottom: none;
+  }
+
+  i {
+    color: $gray-500;
+  }
+
+  img {
+    width: 12px;
+  }
+}
+
+.table-horizontal {
+  th {
+    width: 35%;
+  }
+}
+
+.address-cell {
+  width: 150px;
+}