Poprawki stylistyczne

src/components/Global/ActionButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <button class="action-btn">
+  <button class="action-btn btn--filled">
     <div class="button_content">
       <slot></slot>
     </div>
@@ -16,47 +16,6 @@ export default defineComponent({});
 @import "../../styles/variables";
 @import "../../styles/responsive";
 
-.action-btn {
-  background: #333;
-  border: none;
-
-  color: #bdbdbd;
-
-  font-size: 1em;
-  font-weight: 500;
-
-  padding: 0.35em 0.65em;
-  cursor: pointer;
-
-  transition: all 0.3s;
-
-  &.outlined {
-    border: 1px solid white;
-  }
-
-  img {
-    width: 1.25em;
-    vertical-align: middle;
-    margin-right: 0.35em;
-  }
-
-  p {
-    font-size: 1em;
-    overflow: hidden;
-  }
-
-  &.open {
-    color: $accentCol;
-    border: none;
-  }
-
-  &:hover,
-  &:focus {
-    color: $accentCol;
-    background: #5c5c5c;
-  }
-}
-
 .button_content {
   display: flex;
   justify-content: center;

src/components/Global/SelectBox.vue

@@ -2,7 +2,6 @@
   <div class="select-box">
     <div class="select-box_content">
       <button class="selected" @click="toggleBox">
-        <span class="text--primary">{{ prefix }}</span>
         <span>{{ computedSelectedItem.selectedValue || computedSelectedItem.value }}</span>
       </button>
 
@@ -158,7 +157,10 @@ button.selected {
   font-weight: bold;
 
   padding: 0.1em 0.5em;
-  margin-right: 1.4em;
+  margin-right: 2em;
+
+  display: flex;
+
 
   width: 100%;
   cursor: pointer;