Reduce header height & create folder material icon

CHANGELOG.md

@@ -29,6 +29,8 @@
 
   - `shareFolder.php` updated to display format size.
   - Fix to prevent the filename text from overflowing its container in the gallery view.
+  - Reduced header height.
+  - Create Folder changed to Material Icon `edit`
 
 ---
 

css/styles.css

@@ -69,7 +69,7 @@ body {
   align-items: center;
   justify-content: space-between;
   width: 100%;
-  height: 80px;
+  height: 65px;
   padding: 10px 20px;
   background-color: #2196F3;
   transition: background-color 0.3s ease;
@@ -82,13 +82,13 @@ body.dark-mode .header-container {
 }
 
 .header-logo {
-  max-height: 70px;
+  max-height: 60px;
   width: auto;
   display: block;
 }
 
 .header-logo svg {
-  height: 70px;
+  height: 60px;
   width: auto;
 }
 
@@ -650,12 +650,15 @@ body.dark-mode .editor-header {
 }
 
 #uploadBtn {
-  margin-top: 20px;
   font-size: 20px;
   padding: 10px 22px;
   align-items: center;
 }
 
+.card-body.d-flex.flex-column {
+  padding: 0.75rem !important;
+}
+
 #customChooseBtn {
   background-color: #9E9E9E;
   color: #fff;
@@ -1945,12 +1948,12 @@ body.dark-mode #folderContextMenu {
   transition: transform 0.3s ease, opacity 0.3s ease;
   width: 100%;
   margin-bottom: 20px;
-  min-height: 353px;
+  min-height: 320px;
 }
 
 
 #uploadFolderRow.highlight {
-  min-height: 353px;
+  min-height: 320px;
   margin-bottom: 20px;
 }
 

index.html

@@ -245,8 +245,9 @@
                       <div id="folderTreeContainer"></div>
                     </div>
                     <div class="folder-actions mt-3">
-                      <button id="createFolderBtn" class="btn btn-primary" data-i18n-key="create_folder">Create
+                      <button id="createFolderBtn" class="btn btn-primary">
-                        Folder</button>
+                        <i class="material-icons">edit</i>
+                      </button>
                       <div id="createFolderModal" class="modal">
                         <div class="modal-content">
                           <h4 data-i18n-key="create_folder_title">Create Folder</h4>
@@ -261,7 +262,7 @@
                           </div>
                         </div>
                       </div>
-                      <button id="renameFolderBtn" class="btn btn-warning ml-2" data-i18n-title="rename_folder">
+                      <button id="renameFolderBtn" class="btn btn-warning ml-2">
                         <i class="material-icons">drive_file_rename_outline</i>
                       </button>
                       <div id="renameFolderModal" class="modal">

js/fileListView.js

@@ -348,7 +348,7 @@ export function renderGalleryView(folder, container) {
           ${thumbnail}
         </div>
         <div class="gallery-info" style="margin-top: 5px;">
-          <span class="gallery-file-name" style="display: block; white-space: normal; overflow-wrap: break-word; word-wrap: break-word;">${escapeHTML(file.name)}</span>
+          <span class="gallery-file-name" style="display: block;">${escapeHTML(file.name)}</span>
           ${tagBadgesHTML}
           <div class="button-wrap" style="display: flex; justify-content: center; gap: 5px;">
             <button type="button" class="btn btn-sm btn-success download-btn"