From 1f39d718f9f141c431fabce6bede20839aa22863 Mon Sep 17 00:00:00 2001
From: P-Hellmann <phtijger@gmail.com>
Date: Fri, 29 Nov 2024 08:58:22 +0100
Subject: [PATCH] Small changes to black-teal-reimagined

---
 javascript/black-teal-reimagined.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/javascript/black-teal-reimagined.css b/javascript/black-teal-reimagined.css
index e5618c02c..94fccdea9 100644
--- a/javascript/black-teal-reimagined.css
+++ b/javascript/black-teal-reimagined.css
@@ -813,10 +813,18 @@ textarea[rows="1"] {
   background: var(--background-color);
   box-shadow: var(--shadow-md);
   border-radius: var(--radius-lg);
+  transform: translateX(100%);
+  animation: slideIn 0.5s forwards;
   overflow: hidden;
   /* Prevents overflow of content */
 }
 
+@keyframes slideIn {
+  to {
+    transform: translateX(0);
+  }
+}
+
 /* Extra Networks Styles */
 .extra-networks {
   background: var(--background-color);
@@ -1032,6 +1040,20 @@ textarea[rows="1"] {
   height: 100%;
 }
 
+/* Token counters styling */
+
+#txt2img_token_counter, #txt2img_negative_token_counter {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-evenly;
+  padding: 10px;
+}
+
+#txt2img_prompt_container {
+  margin: 5px;
+  padding: 0px;
+}
+
 /* Based on Gradio Built-in Dark Theme */
 :root,
 .light,