feat: add style improvements

feat: add temp button

Author: mateof

TelegramDownloader/Pages/FileManager.razor

@@ -23,7 +23,7 @@
 </style>
 
 <h3>
-    File Manager 
+    <i class="bi bi-folder2-open me-2"></i>File Manager
     <Dropdown Color="DropdownColor.Secondary">
         <DropdownToggleButton>@chatName</DropdownToggleButton>
         <DropdownMenu>

TelegramDownloader/Pages/InfoPage.razor

@@ -7,6 +7,7 @@
 @inject IFileService fs
 @inject IJSRuntime JSRuntime
 @inject ISystemMetricsService metricsService
+@inject NavigationManager NavigationManager
 @implements IDisposable
 
 @if(user != null)
@@ -112,6 +113,10 @@
                     }
 
                     <div class="stat-action">
+                        <button type="button" class="btn btn-outline-secondary" @onclick="OpenTempFolder" title="Open temp folder in file manager">
+                            <i class="bi bi-folder2-open"></i>
+                            Open Folder
+                        </button>
                         <button type="button" class="btn btn-primary" @onclick="cleanTempFolder">
                             <i class="bi bi-trash3"></i>
                             Clean Cache
@@ -356,6 +361,14 @@
         await TriggerCelebration();
     }
 
+    private void OpenTempFolder()
+    {
+        // Navigate to local-files with the temp folder path
+        // The path is relative to LOCALDIR (local/), so temp/_temp/
+        var tempPath = "/temp/_temp/";
+        NavigationManager.NavigateTo($"/local-files?path={Uri.EscapeDataString(tempPath)}");
+    }
+
     private async Task TriggerCelebration()
     {
         await JSRuntime.InvokeVoidAsync("triggerConfetti");

TelegramDownloader/Shared/MobileFileManager/MobileFileItem.razor

@@ -160,7 +160,7 @@
         var ext = File.Type?.ToLower() ?? "";
         var color = GetFileColor(ext);
 
-        return @<svg xmlns="http://www.w3.org/2000/svg" width="@IconSize" height="@IconSize" viewBox="0 0 24 24" fill="none" stroke="@color" stroke-width="1.5">
+        return @<svg xmlns="http://www.w3.org/2000/svg" width="@IconSize" height="@IconSize" viewBox="0 0 24 24" fill="none" stroke="@color" stroke-width="0.5">
             <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" fill="@color" fill-opacity="0.1"/>
             <polyline points="14 2 14 8 20 8" fill="none"/>
             <text x="12" y="16" font-size="6" text-anchor="middle" fill="@color" font-weight="bold">@GetExtensionLabel(ext)</text>

TelegramDownloader/Shared/NavMenu.razor

@@ -558,9 +558,6 @@
             <button class="sidebar-action-btn" @onclick="OpenLocalFiles" title="Local Files">
                 <i class="bi bi-folder2-open"></i>
             </button>
-            <button class="sidebar-action-btn" @onclick="HandleThreeDots" title="More options">
-                <i class="bi bi-three-dots-vertical"></i>
-            </button>
         </div>
 
         <!-- Search -->
@@ -837,15 +834,6 @@
         PreloadService.Hide();
     }
 
-    private async Task HandleThreeDots()
-    {
-        ToggleNavMenu();
-        if (OnClickCallback.HasDelegate)
-        {
-            await OnClickCallback.InvokeAsync(null);
-        }
-    }
-
     private async Task HandleImportMenu()
     {
         ToggleNavMenu();

TelegramDownloader/wwwroot/css/site.css

@@ -1796,21 +1796,24 @@ table.table tbody td,
 
 .info-page .stat-action {
     width: 100%;
+    display: flex;
+    gap: 0.5rem;
 }
 
 .info-page .stat-action .btn {
-    width: 100%;
-    padding: 0.75rem 1.25rem;
+    flex: 1;
+    padding: 0.75rem 1rem;
     font-weight: 600;
-    font-size: 0.9rem;
+    font-size: 0.85rem;
     display: flex;
     align-items: center;
     justify-content: center;
-    gap: 0.5rem;
+    gap: 0.4rem;
     border-radius: 0.625rem;
     transition: all 0.25s ease;
     border: none;
     cursor: pointer;
+    white-space: nowrap;
 }
 
 .info-page .stat-action .btn:hover {
@@ -1860,6 +1863,29 @@ table.table tbody td,
     color: #3b82f6 !important;
 }
 
+/* Outline secondary button - Open Folder style */
+.info-page .stat-action .btn-outline-secondary {
+    background: transparent !important;
+    color: #6b7280 !important;
+    border: 2px solid #d1d5db !important;
+    box-shadow: none;
+}
+
+.info-page .stat-action .btn-outline-secondary:hover {
+    background: #f3f4f6 !important;
+    color: #374151 !important;
+    border-color: #9ca3af !important;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+}
+
+.info-page .stat-action .btn-outline-secondary i {
+    color: #6b7280 !important;
+}
+
+.info-page .stat-action .btn-outline-secondary:hover i {
+    color: #374151 !important;
+}
+
 /* Chart section */
 .info-page .chart-section {
     background: #ffffff !important;