Merge pull request #182 from filecoin-project/@harisbutt/ui-cleanup

itty bitty ui tweaks

components/core/ApplicationControlMenu.js

@@ -79,7 +79,7 @@ export default class ApplicationControlMenu extends React.Component {
               onSignOut={this._handleSignOut}
               navigation={[
                 {
-                  text: "Profile & account settings",
+                  text: "Account Settings",
                   value: "V1_NAVIGATION_PROFILE",
                 },
                 /*
@@ -88,7 +88,7 @@ export default class ApplicationControlMenu extends React.Component {
                   value: "V1_NAVIGATION_FILECOIN_SETTINGS",
                 },
                 */
-                { text: "Sign out", value: null, action: "SIGN_OUT" },
+                { text: "Sign Out", value: null, action: "SIGN_OUT" },
               ]}
             />
           </Dismissible>

components/core/ApplicationLayout.js

@@ -133,8 +133,6 @@ const STYLES_BLOCK = css`
   justify-content: center;
   transition: 200ms ease all;
   cursor: pointer;
-  :hover {
-    color: ${Constants.system.brand};
   }
 `;
 

components/core/DataMeter.js

@@ -12,7 +12,7 @@ const STYLES_CONTAINER = css`
   border-radius: 4px;
   border: 1px solid ${Constants.system.border};
   padding: 24px;
-  max-width: 768px;
+  max-width: 100%;
   width: 100%;
 `;
 

components/sidebars/SidebarAddFileToBucket.js

@@ -111,7 +111,7 @@ export default class SidebarAddFileToBucket extends React.Component {
   render() {
     return (
       <React.Fragment>
-        <System.P style={{ fontFamily: Constants.font.semiBold }}>Upload data</System.P>
+        <System.P style={{ fontFamily: Constants.font.semiBold }}>Upload Data</System.P>
         <input css={STYLES_FILE_HIDDEN} type="file" multiple id="file" onChange={this._handleUpload} />
 
         {this.props.data && this.props.data.decorator === "SLATE" ? (
@@ -129,12 +129,6 @@ export default class SidebarAddFileToBucket extends React.Component {
           Add file
         </System.ButtonPrimary>
 
-        {!this.props.fileLoading ? (
-          <System.ButtonSecondary full style={{ marginTop: 16 }} onClick={this.props.onCancel}>
-            Cancel
-          </System.ButtonSecondary>
-        ) : null}
-
         <br />
 
         {this.props.fileLoading

components/sidebars/SidebarCreateSlate.js

@@ -72,14 +72,6 @@ export default class SidebarCreateSlate extends React.Component {
         >
           Create {this.state.name}
         </System.ButtonPrimary>
-
-        <System.ButtonSecondary
-          full
-          style={{ marginTop: 16 }}
-          onClick={this._handleCancel}
-        >
-          Cancel
-        </System.ButtonSecondary>
       </div>
     );
   }

scenes/SceneEditAccount.js

@@ -159,7 +159,7 @@ export default class SceneEditAccount extends React.Component {
 
     return (
       <ScenePage>
-        <System.H1>Profile & account settings</System.H1>
+        <System.H1>Account Settings</System.H1>
 
         <System.DescriptionGroup
           style={{ marginTop: 48 }}

scenes/SceneFilesFolder.js

@@ -70,13 +70,9 @@ export default class SceneFilesFolder extends React.Component {
 
         <DataMeter
           stats={this.props.viewer.stats}
-          style={{ margin: "48px 0 24px 0" }}
+          style={{ margin: "48px 0 48px 0" }}
         />
 
-        <System.H1 style={{ marginTop: 48 }}>
-          {this.props.current.name}
-        </System.H1>
-
         <DataView
           buttons={[
             {