From 0c8e7806f4f1d6cdfdb03ffdb4ab4e7af14b42e4 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Wed, 12 Mar 2025 02:01:19 +0200
Subject: [PATCH] style/ribbon/file properties: add icons to buttons

---
 .../widgets/ribbon_widgets/file_properties.js | 33 ++++++++++++-------
 1 file changed, 21 insertions(+), 12 deletions(-)

diff --git a/src/public/app/widgets/ribbon_widgets/file_properties.js b/src/public/app/widgets/ribbon_widgets/file_properties.js
index 26e695280..358f0987b 100644
--- a/src/public/app/widgets/ribbon_widgets/file_properties.js
+++ b/src/public/app/widgets/ribbon_widgets/file_properties.js
@@ -8,20 +8,20 @@ import { t } from "../../services/i18n.js";
 
 const TPL = `
 <div class="file-properties-widget">
-    <style> 
+    <style>
         .file-table {
             width: 100%;
             margin-top: 10px;
         }
-        
+
         .file-table th, .file-table td {
             padding: 5px;
             overflow-wrap: anywhere;
         }
-        
+
         .file-buttons {
-            padding: 10px; 
-            display: flex; 
+            padding: 10px;
+            display: flex;
             justify-content: space-evenly;
         }
     </style>
@@ -39,16 +39,25 @@ const TPL = `
             <th class="text-nowrap">${t("file_properties.file_size")}:</th>
             <td class="file-filesize"></td>
         </tr>
-        
+
         <tr>
             <td colspan="4">
                 <div class="file-buttons">
-                    <button class="file-download btn btn-sm btn-primary" type="button">${t("file_properties.download")}</button>
-                    &nbsp;
-                    <button class="file-open btn btn-sm btn-primary" type="button">${t("file_properties.open")}</button>
-                    &nbsp;
-                    <button class="file-upload-new-revision btn btn-sm btn-primary">${t("file_properties.upload_new_revision")}</button>
-                
+                    <button class="file-download btn btn-sm btn-primary" type="button">
+                        <span class="bx bx-download"></span>
+                        ${t("file_properties.download")}
+                    </button>
+
+                    <button class="file-open btn btn-sm btn-primary" type="button">
+                        <span class="bx bx-link-external"></span>
+                        ${t("file_properties.open")}
+                    </button>
+
+                    <button class="file-upload-new-revision btn btn-sm btn-primary">
+                        <span class="bx bx-folder-open"></span>
+                        ${t("file_properties.upload_new_revision")}
+                    </button>
+
                     <input type="file" class="file-upload-new-revision-input" style="display: none">
                 </div>
             </td>