chore(history): add warning to show time being represented in gmt

maidsafe · Jun 24, 2019 · 36b5e9c · 36b5e9c
1 parent 9ee7bf6
commit 36b5e9c
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 22 deletions.
diff --git a/app/components/PerusePages/History/History.tsx b/app/components/PerusePages/History/History.tsx
@@ -119,6 +119,9 @@ export class History extends Component<HistoryProps, {}> {
                             <H1 title="History" />
                         </PageHeader>
                     </Page>
+                    <h6 className={`${styles.warning}`}>
+            *Note: Time displayed is in GMT format
+                    </h6>
                     <Table className={styles.table}>
                         {parsedList}
                         {!parsedList.length && (

diff --git a/app/components/PerusePages/History/history.css b/app/components/PerusePages/History/history.css
@@ -1,62 +1,58 @@
 /* @import '../Tab/tab.css' */
 
-.container
-{
+.container {
     width: 100%;
     padding-top: 3px;
     padding-bottom: 3px;
     display: block;
     box-sizing: border-box;
     border-right: 0;
-    overflow: auto;
+    overflow-x: hidden;
 }
 
-.page
-{
+.page {
     background-color: #fff;
     min-height: auto; /* override nessie 100vh */
 }
 
-.tab
-{
-    composes: tab from '../../Tab/tab.css';
+.warning {
+    text-align: right;
+    padding-right: 10px;
+    color: #a9a9a9;
+}
 
+.tab {
+    /* stylelint-disable-next-line property-no-unknown  */
+    composes: tab from '../../Tab/tab.css';
 }
 
-.activeTab
-{
+.activeTab {
+    /* stylelint-disable-next-line property-no-unknown  */
     composes: activeTab from '../../Tab/tab.css';
 }
 
-.table
-{
+.table {
     max-width: 800px;
     padding-top: 3px;
     padding-bottom: 3px;
     align-content: center;
     box-sizing: border-box;
     border-right: 0;
     margin: 0 auto;
-
 }
 
-.date
-{
+.date {
     margin: 0 auto;
 }
 
-.item
-{
+.item {
     display: inline;
 }
 
-.url
-{
+.url {
     padding-left: 15px;
 }
 
-.timeStamp
-{
+.timeStamp {
     opacity: 0.5;
 }
-