fix(fe): small fixes

public/static/css/white.css

@@ -34,7 +34,7 @@
 }
 
 .theme-default #top-menu {
-  background: rgba(255, 255, 255, 0.3);
+  background: rgba(255, 255, 255, 0.5);
   box-shadow: 0 5px 30px 0 rgba(31, 38, 135, 0.1);
   backdrop-filter: blur(9.5px);
   color: #16a085;

src/client/web/src/components/__test__/panel_sharings.test.tsx

@@ -10,7 +10,7 @@ import { MockUsersClient, resps as usersResps } from "../../client/users_mock";
 import { MockFilesClient, resps as filesResps } from "../../client/files_mock";
 import { MockSettingsClient } from "../../client/settings_mock";
 
-xdescribe("SharingsPanel", () => {
+describe("SharingsPanel", () => {
   const initSharingsPanel = (): any => {
     const mockWorkerClass = mock(MockWorker);
     const mockWorker = instance(mockWorkerClass);

src/client/web/src/components/panel_files.tsx

@@ -416,32 +416,40 @@ export class FilesPanel extends React.Component<Props, State, {}> {
 
     const ops = (
       <div id="upload-op">
-        <div className="float">
+        <Flexbox
-          <input
+          children={List([
-            type="text"
+            <div>
-            onChange={this.onNewFolderNameChange}
+              <button onClick={this.onMkDir} className="float cyan-btn">
-            value={this.state.newFolderName}
+                {this.props.msg.pkg.get("browser.folder.add")}
-            placeholder={this.props.msg.pkg.get("browser.folder.name")}
+              </button>
-            className="float"
+              <input
-          />
+                type="text"
-          <button onClick={this.onMkDir} className="float">
+                onChange={this.onNewFolderNameChange}
-            {this.props.msg.pkg.get("browser.folder.add")}
+                value={this.state.newFolderName}
-          </button>
+                placeholder={this.props.msg.pkg.get("browser.folder.name")}
-        </div>
+                className="float"
+              />
+            </div>,
 
-        <div className="float">
+            <div>
-          <button onClick={this.onClickUpload}>
+              <button onClick={this.onClickUpload} className="cyan-btn">
-            {this.props.msg.pkg.get("browser.upload")}
+                {this.props.msg.pkg.get("browser.upload")}
-          </button>
+              </button>
-          <input
+              <input
-            type="file"
+                type="file"
-            onChange={this.addUploads}
+                onChange={this.addUploads}
-            multiple={true}
+                multiple={true}
-            value={this.state.uploadFiles}
+                value={this.state.uploadFiles}
-            ref={this.assignInput}
+                ref={this.assignInput}
-            className="hidden"
+                className="hidden"
-          />
+              />
-        </div>
+            </div>,
+          ])}
+          childrenStyles={List([
+            { flex: "0 0 70%" },
+            { flex: "0 0 30%", justifyContent: "flex-end" },
+          ])}
+        />
       </div>
     );