Added "Clear all files" button

Author: xanderfrangos

src/components/App.jsx

@@ -133,6 +133,7 @@ export default class App extends PureComponent {
                         <div className="floating-buttons" id="file-list-actions" data-any={window.stats.total > 0} data-crushed={(window.stats.done > 0 || window.stats.crushing > 0 || window.stats.saving > 0)}>
                             <div className="summary-text">
                                 {getStatusBar(stats)}
+                                <div className="clear-all" onClick={window.clearAllFiles}>Clear all files</div>
                             </div>
                             <div className="buttons">
                                 <div className="button big action--download-all" data-eventstate={window.eventState.saving} onClick={(e) => {

src/css/_page--files.scss

@@ -100,12 +100,24 @@
         box-sizing: border-box;
         padding: 0 10px 8px;
         width: 100%;
+        display: flex;
+        align-items: baseline;
+        justify-content: space-between;
 
         b, strong {
             color: var(--color-primary);
             font-weight: bold;
         }
 
+        .clear-all {
+            color: var(--color-primary);
+            font-weight: bold;
+            cursor: pointer;
+            &:hover {
+                color: var(--color-secondary);
+            }
+        }
+
     }
 
     .action--download-all {