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,7 +416,12 @@ export class FilesPanel extends React.Component<Props, State, {}> {
 
     const ops = (
       <div id="upload-op">
-        <div className="float">
+        <Flexbox
+          children={List([
+            <div>
+              <button onClick={this.onMkDir} className="float cyan-btn">
+                {this.props.msg.pkg.get("browser.folder.add")}
+              </button>
               <input
                 type="text"
                 onChange={this.onNewFolderNameChange}
@@ -424,13 +429,10 @@ export class FilesPanel extends React.Component<Props, State, {}> {
                 placeholder={this.props.msg.pkg.get("browser.folder.name")}
                 className="float"
               />
-          <button onClick={this.onMkDir} className="float">
-            {this.props.msg.pkg.get("browser.folder.add")}
-          </button>
-        </div>
+            </div>,
 
-        <div className="float">
-          <button onClick={this.onClickUpload}>
+            <div>
+              <button onClick={this.onClickUpload} className="cyan-btn">
                 {this.props.msg.pkg.get("browser.upload")}
               </button>
               <input
@@ -441,7 +443,13 @@ export class FilesPanel extends React.Component<Props, State, {}> {
                 ref={this.assignInput}
                 className="hidden"
               />
-        </div>
+            </div>,
+          ])}
+          childrenStyles={List([
+            { flex: "0 0 70%" },
+            { flex: "0 0 30%", justifyContent: "flex-end" },
+          ])}
+        />
       </div>
     );