Updating RandomPools

1 files changed, 34 insertions, 4 deletions

diff --git a/src/pages/stylesheets/styles.css b/src/pages/stylesheets/styles.css
index aeca8009..22c4b17b 100644
--- a/src/pages/stylesheets/styles.css
+++ b/src/pages/stylesheets/styles.css
@@ -162,6 +162,7 @@ ul {
 }
 
 li {
+  white-space: nowrap;
   border-bottom: solid 0.5px var(--bg-secondary);
   padding: 20px 0px 20px 20px;
 }
@@ -311,10 +312,13 @@ body.light-theme {
   --bg-secondary: #fff;
 }
 
-textarea {
-  resize: vertical;
-  width: 100%;
-  height: 200px;
+body.light-theme textarea {
+  color: black;
+  border: 1px solid #767676;
+}
+
+body.light-theme textarea:focus {
+  outline: none;
 }
 
 
@@ -496,6 +500,32 @@ div.option {
     "translate  medium   wikipedia"
 }
 
+div.random-pool {
+  display: flex;
+  align-items: stretch;
+}
+
+div.random-pool ul {
+  list-style: disc;
+  margin: 0 20px;
+}
+
+div.random-pool li {
+  border: none;
+  padding: 10px 0;
+  font-size: 15px;
+  line-height: 1px;
+}
+
+textarea {
+  line-height: 21px;
+  background-color: var(--bg-secondary);
+  color: white;
+  border: none;
+  resize: none;
+  width: 100%;
+}
+
 @media (max-width: 1590px) {
   div.option {
     max-width: 1200px;