diff --git a/README.md b/README.md
index 5e4a93c..74bbf70 100644
--- a/README.md
+++ b/README.md
@@ -57,7 +57,7 @@ services:
Use the Docker section above as reference for setting up variables and volumes.
## 🎨 Customize
-All CSS files are available in the stylesheets directory under the config volume. It already comes with 3 color themes: [Adwaita](https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/named-colors.html), [Nord](https://www.nordtheme.com/) and [Catppuccin](https://github.com/catppuccin/catppuccin). To use them, open the file `/stylesheets/index.css` and change the second line to the path of the color theme you want, you can find them under `/stylesheets/color-themes`.
+All CSS files are available in the stylesheets directory under the config volume, any custom style is recommended to be added to `custom.css` file. It already comes with 3 color themes: [Adwaita](https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/named-colors.html), [Nord](https://www.nordtheme.com/) and [Catppuccin](https://github.com/catppuccin/catppuccin). To use them, change the first line of `/stylesheets/custom.css` to the path of the color theme you want, you can find them under `/stylesheets/color-themes`.
## 📁 Files structure
The way directories and files are organized in Tasks.md is quite simple. Every lane you add within the app is a directory in your filesystem and every task is file.
diff --git a/frontend/index.html b/frontend/index.html
index 332bed8..2e59582 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,7 @@
-
+
diff --git a/frontend/public/stylesheets/custom.css b/frontend/public/stylesheets/custom.css
new file mode 100644
index 0000000..2802175
--- /dev/null
+++ b/frontend/public/stylesheets/custom.css
@@ -0,0 +1 @@
+@import url(./color-themes/adwaita.css);
diff --git a/frontend/public/stylesheets/index.css b/frontend/public/stylesheets/index-2.3.0.css
similarity index 98%
rename from frontend/public/stylesheets/index.css
rename to frontend/public/stylesheets/index-2.3.0.css
index ef36201..6590829 100644
--- a/frontend/public/stylesheets/index.css
+++ b/frontend/public/stylesheets/index-2.3.0.css
@@ -1,6 +1,6 @@
/* Reset preset taken from https://keithjgrant.com/posts/2024/01/my-css-resets/ */
@import url('./reset.css');
-@import url(./color-themes/adwaita.css);
+@import url('./custom.css');
html,
body,
@@ -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
index 89e584e..e5c57fb 100644
--- 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}
-