3 files changed, 25 insertions, 0 deletions
diff --git a/main/data/gresource.xml b/main/data/gresource.xml
index edceea3e..661185ab 100644
--- a/main/data/gresource.xml
+++ b/main/data/gresource.xml
@@ -24,6 +24,7 @@
     <file>gtk/help-overlay.ui</file>
     <file>icons/scalable/actions/dino-emoticon-add-symbolic.svg</file>
     <file>icons/scalable/actions/dino-qr-code-symbolic.svg</file>
+    <file>icons/scalable/actions/small-x-symbolic.svg</file>
     <file>icons/scalable/apps/im.dino.Dino-symbolic.svg</file>
     <file>icons/scalable/apps/im.dino.Dino.svg</file>
     <file>icons/scalable/devices/dino-device-desktop-symbolic.svg</file>
diff --git a/main/data/icons/scalable/actions/small-x-symbolic.svg b/main/data/icons/scalable/actions/small-x-symbolic.svg
new file mode 100644
index 00000000..aadc5d1e
--- /dev/null
+++ b/main/data/icons/scalable/actions/small-x-symbolic.svg
@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" height="16px" viewBox="0 0 16 16" width="16px"><path d="m 4 4 h 1 h 0.03125 c 0.253906 0.011719 0.511719 0.128906 0.6875 0.3125 l 2.28125 2.28125 l 2.3125 -2.28125 c 0.265625 -0.230469 0.445312 -0.304688 0.6875 -0.3125 h 1 v 1 c 0 0.285156 -0.035156 0.550781 -0.25 0.75 l -2.28125 2.28125 l 2.25 2.25 c 0.1875 0.1875 0.28125 0.453125 0.28125 0.71875 v 1 h -1 c -0.265625 0 -0.53125 -0.09375 -0.71875 -0.28125 l -2.28125 -2.28125 l -2.28125 2.28125 c -0.1875 0.1875 -0.453125 0.28125 -0.71875 0.28125 h -1 v -1 c 0 -0.265625 0.09375 -0.53125 0.28125 -0.71875 l 2.28125 -2.25 l -2.28125 -2.28125 c -0.210938 -0.195312 -0.304688 -0.46875 -0.28125 -0.75 z m 0 0" fill="#222222"/></svg>
diff --git a/main/data/style.css b/main/data/style.css
index 5b9da21d..0909f8a0 100644
--- a/main/data/style.css
+++ b/main/data/style.css
@@ -181,6 +181,28 @@ window.dino-main .file-image-widget .file-box-outer button:hover {
     border-radius: 6px;
 }
 
+.dino-main .file-details {
+    color: white;
+    background: alpha(black, 0.3);
+    border-radius: 5px;
+    padding: 5px 10px;
+}
+
+.dino-main .circular-loading-indicator {
+    border-radius: 50%;
+    padding: 5px;
+    transition: background-image 0.5s linear;
+}
+
+.dino-main .circular-loading-indicator > * {
+    border-radius: 50%;
+    background: @theme_bg_color;
+}
+
+.dino-main .circular-loading-indicator button {
+    padding: 2px;
+}
+
 /* Call widget */
 
 window.dino-main .call-box-outer.incoming {