re-order right hand side dropdown options (#10534)

browser/app/js/browser/BrowserDropdown.js

@@ -57,22 +57,6 @@ export class BrowserDropdown extends React.Component {
     const { fetchServerInfo } = this.props
     fetchServerInfo()
   }
-  fullScreen(e) {
-    e.preventDefault()
-    let el = document.documentElement
-    if (el.requestFullscreen) {
-      el.requestFullscreen()
-    }
-    if (el.mozRequestFullScreen) {
-      el.mozRequestFullScreen()
-    }
-    if (el.webkitRequestFullscreen) {
-      el.webkitRequestFullscreen()
-    }
-    if (el.msRequestFullscreen) {
-      el.msRequestFullscreen()
-    }
-  }
   logout(e) {
     e.preventDefault()
     web.Logout()
@@ -88,23 +72,29 @@ export class BrowserDropdown extends React.Component {
           </Dropdown.Toggle>
           <Dropdown.Menu className="dropdown-menu-right">
             <li>
-              <a target="_blank" href="https://github.com/minio/minio">
+              <a href="" onClick={this.showChangePassword.bind(this)}>
-                GitHub <i className="fab fa-github" />
+                Change Password <i className="fas fa-cog" />
               </a>
+              {this.state.showChangePasswordModal && (
+                <ChangePasswordModal
+                  serverInfo={serverInfo}
+                  hideChangePassword={this.hideChangePassword.bind(this)}
+                />
+              )}
             </li>
             <li>
-              <a href="" onClick={this.fullScreen}>
+              <a target="_blank" href="https://docs.min.io/?ref=ob">
-                Fullscreen <i className="fas fa-expand" />
+                Documentation <i className="fas fa-book" />
               </a>
             </li>
             <li>
-              <a target="_blank" href="https://docs.min.io/">
+              <a target="_blank" href="https://github.com/minio/minio">
-                Documentation <i className="fas fa-book" />
+                GitHub <i className="fab fa-github" />
               </a>
             </li>
             <li>
-              <a target="_blank" href="https://slack.min.io">
+              <a target="_blank" href="https://min.io/pricing?ref=ob">
-                Ask for help <i className="fas fa-question-circle" />
+                Get Support <i className="fas fa-question-circle" />
               </a>
             </li>
             <li>
@@ -118,20 +108,9 @@ export class BrowserDropdown extends React.Component {
                 />
               )}
             </li>
-            <li>
-              <a href="" onClick={this.showChangePassword.bind(this)}>
-                Change Password <i className="fas fa-cog" />
-              </a>
-              {this.state.showChangePasswordModal && (
-                <ChangePasswordModal
-                  serverInfo={serverInfo}
-                  hideChangePassword={this.hideChangePassword.bind(this)}
-                />
-              )}
-            </li>
             <li>
               <a href="" id="logout" onClick={this.logout}>
-                Sign Out <i className="fas fa-sign-out-alt" />
+                Logout <i className="fas fa-sign-out-alt" />
               </a>
             </li>
           </Dropdown.Menu>