Replace buttons icons and small style update

BaldissaraMatheus · Feb 12, 2024 · c17ca2c · c17ca2c
1 parent 20731b8
commit c17ca2c
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/frontend/public/stylesheets/index-2.3.0.css b/frontend/public/stylesheets/index-2.3.0.css
@@ -105,6 +105,9 @@ button {
   background: var(--button-background-color);
   border: 1px solid var(--button-border-color);
   color: var(--button-font-color);
+  text-align: center;
+  text-align: -moz-center;
+  text-align: -webkit-center;
 }
 
 button:focus-within {
@@ -143,6 +146,11 @@ button.small {
   flex-wrap: wrap;
 }
 
+.header-buttons {
+  display: flex;
+  gap: 6px;
+}
+
 .search-input {
   max-width: 232px;
   width: 100%;
@@ -198,11 +206,6 @@ button.small {
   text-wrap: balance;
 }
 
-.lane__header-buttons {
-  display: flex;
-  gap: 6px;
-}
-
 .lane__content {
   flex-grow: 1;
   width: 300px;

diff --git a/frontend/src/components/card-name.jsx b/frontend/src/components/card-name.jsx
@@ -1,6 +1,7 @@
 import { createSignal } from "solid-js";
 import { Menu } from "./menu";
 import { getButtonCoordinates, handleKeyDown as handleKeyDown } from "../utils";
+import { BiRegularDotsVerticalRounded } from "solid-icons/bi";
 
 /**
  *
@@ -63,7 +64,7 @@ export function CardName(props) {
           {props.name}
         </strong>
       </div>
-      <div class="lane__header-buttons">
+      <div class="header-buttons">
         <button
           title="Show card options"
           class="small"
@@ -72,7 +73,7 @@ export function CardName(props) {
             handleKeyDown(e, () => handleClick(e, true), handleCancel)
           }
         >
-          ⋮
+          <BiRegularDotsVerticalRounded />
         </button>
       </div>
       <Menu

diff --git a/frontend/src/components/lane-name.jsx b/frontend/src/components/lane-name.jsx
@@ -1,6 +1,8 @@
 import { createSignal } from "solid-js";
 import { Menu } from "./menu";
 import { getButtonCoordinates, handleKeyDown } from "../utils";
+import { AiOutlinePlus } from 'solid-icons/ai'
+import { BiRegularDotsVerticalRounded } from 'solid-icons/bi'
 
 /**
  *
@@ -65,13 +67,13 @@ export function LaneName(props) {
           <h5 class="counter">{props.count}</h5>
         </div>
       </div>
-      <div class="lane__header-buttons">
+      <div class="header-buttons">
         <button
           title="Create new card"
           class="small"
           onClick={() => props.onCreateNewCardBtnClick()}
         >
-          +
+          <AiOutlinePlus />
         </button>
         <button
           title="Show lane options"
@@ -81,7 +83,7 @@ export function LaneName(props) {
             handleKeyDown(e, () => handleOptionsBtnClick(e, true), handleCancel)
           }
         >
-          ⋮
+          <BiRegularDotsVerticalRounded />
         </button>
       </div>
       <Menu