From 8996173b3f066996e07bf4257ff61024da250609 Mon Sep 17 00:00:00 2001
From: Laura <milanbartky@gmail.com>
Date: Sun, 10 Aug 2025 14:54:14 +0200
Subject: [PATCH] better loading

---
 static/css/chat.css          | 10 +++++++---
 static/css/icons/loading.svg |  7 -------
 static/css/icons/spinner.svg |  7 +++++++
 static/css/markdown.css      |  4 +---
 4 files changed, 15 insertions(+), 13 deletions(-)
 delete mode 100644 static/css/icons/loading.svg
 create mode 100644 static/css/icons/spinner.svg

diff --git a/static/css/chat.css b/static/css/chat.css
index 0200176..4bade32 100644
--- a/static/css/chat.css
+++ b/static/css/chat.css
@@ -202,7 +202,8 @@ body {
 
 .reasoning .toggle {
 	position: relative;
-	padding: 0 20px;
+	padding: 0 22px;
+	padding-left: 26px;
 	font-weight: 600;
 	font-size: 14px;
 }
@@ -252,8 +253,11 @@ body {
 }
 
 .message.reasoning .reasoning button.toggle::before {
-	animation: rotating 2s linear infinite;
-	background-image: url(icons/loading.svg);
+	animation: rotating 1.2s linear infinite;
+	background-image: url(icons/spinner.svg);
+	top: -1px;
+	width: 18px;
+	height: 18px;
 }
 
 .message .text::before {
diff --git a/static/css/icons/loading.svg b/static/css/icons/loading.svg
deleted file mode 100644
index 207bcaf..0000000
--- a/static/css/icons/loading.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
-<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
-
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
-
<g id="SVGRepo_iconCarrier"> <path d="M7 20.25V17.1056C7 16.7107 7.11688 16.3247 7.3359 15.9962L9.2604 13.1094C9.70827 12.4376 9.70827 11.5624 9.2604 10.8906L7.3359 8.00385C7.11688 7.67531 7 7.2893 7 6.89445V3.75M7 20.25C5.75 20.125 5 20 5 20M7 20.25C8.25 20.375 10 20.5 12 20.5C14 20.5 15.75 20.375 17 20.25M7 3.75C5.75 3.875 5 4 5 4M7 3.75C8.25 3.625 10 3.5 12 3.5C14 3.5 15.75 3.625 17 3.75M17 20.25V17.1056C17 16.7107 16.8831 16.3247 16.6641 15.9962L14.7396 13.1094C14.2917 12.4376 14.2917 11.5624 14.7396 10.8906L16.6641 8.00385C16.8831 7.67531 17 7.2893 17 6.89445V3.75M17 20.25C18.25 20.125 19 20 19 20M17 3.75C18.25 3.875 19 4 19 4" stroke="#cad3f5" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g>
-
</svg>
\ No newline at end of file
diff --git a/static/css/icons/spinner.svg b/static/css/icons/spinner.svg
new file mode 100644
index 0000000..c898c20
--- /dev/null
+++ b/static/css/icons/spinner.svg
@@ -0,0 +1,7 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#cad3f5" width="800px" height="800px" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier"> <title>spinner-one-third</title> <path d="M16 0.75c-0.69 0-1.25 0.56-1.25 1.25s0.56 1.25 1.25 1.25v0c7.042 0.001 12.75 5.71 12.75 12.751 0 3.521-1.427 6.709-3.734 9.016v0c-0.226 0.226-0.365 0.538-0.365 0.883 0 0.69 0.56 1.25 1.25 1.25 0.346 0 0.659-0.14 0.885-0.367l0-0c2.759-2.76 4.465-6.572 4.465-10.782 0-8.423-6.828-15.251-15.25-15.251h-0z"/> </g>
+
</svg>
\ No newline at end of file
diff --git a/static/css/markdown.css b/static/css/markdown.css
index 6d34145..b6689f1 100644
--- a/static/css/markdown.css
+++ b/static/css/markdown.css
@@ -105,19 +105,16 @@
 
 .markdown th {
 	background: rgba(165, 173, 203, 0.07);
-	/* subtle neutral tint */
 	font-weight: 600;
 	color: #CAD3F5;
 }
 
 .markdown tr:nth-child(even) td {
 	background: rgba(165, 173, 203, 0.03);
-	/* very soft zebra */
 }
 
 .markdown tr:hover td {
 	background: rgba(165, 173, 203, 0.05);
-	/* gentle hover */
 }
 
 .markdown code,
@@ -140,6 +137,7 @@
 	border-radius: 6px;
 	line-height: 18px;
 	overflow: hidden;
+	tab-size: 4;
 }
 
 .markdown pre code {