feat: worked more on keyword input for docs

1 files changed, 30 insertions, 1 deletions

diff --git a/src/client/views/StyleProvider.scss b/src/client/views/StyleProvider.scss
index 1e2af9a3a..7cc06f922 100644
--- a/src/client/views/StyleProvider.scss
+++ b/src/client/views/StyleProvider.scss
@@ -57,12 +57,41 @@
 .keywords-container {
     display: flex;
     flex-wrap: wrap;
+    flex-direction: column;
+    padding-bottom: 4px;
+    border: 1px solid;
+    border-radius: 4px;
+}
+
+.keywords-list {
+    display: flex;
+    flex-wrap: wrap;
 }
 
 .keyword {
-    padding: 5px 10px;
+    padding: 5px 5px;
     background-color: lightblue;
     border: 1px solid black;
     border-radius: 5px;
     white-space: nowrap;
+    display: flex;
+    align-items: center;
+}
+
+.keyword-editing-box {
+    margin-top: 8px;
+}
+
+.keyword-input-box {
+    // display: flex;
+    // align-items: center;
+    // align-content: center;
+    margin: auto;
+    align-self: center;
+    width: 90%;
+}
+
+.keyword-buttons {
+    margin-left: auto;
+    width: 10%;
 }