diff options
author | Richard <richard@tripaneer.com> | 2020-01-31 21:52:27 +0100 |
---|---|---|
committer | Richard <richard@tripaneer.com> | 2020-01-31 21:52:27 +0100 |
commit | 2f9a052f89fe8d34fedcd2219e644dd51cda5505 (patch) | |
tree | 78caf41816cce8fcc17a85d874a446a86da5e80b /ui/src/components/main.tsx | |
parent | 8cbdba1da39c15d2a3d13919398fc4d4c8ef2c6c (diff) |
usability features
This are all the commits from another PR combined into a single commit.
Diffstat (limited to 'ui/src/components/main.tsx')
-rw-r--r-- | ui/src/components/main.tsx | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/ui/src/components/main.tsx b/ui/src/components/main.tsx index 6bf4164f..e578cc83 100644 --- a/ui/src/components/main.tsx +++ b/ui/src/components/main.tsx @@ -159,8 +159,8 @@ export class Main extends Component<any, MainState> { return ( <div class="container"> <div class="row"> - <div class="col-12 col-md-8">{this.posts()}</div> - <div class="col-12 col-md-4">{this.my_sidebar()}</div> + <main role="main" class="col-12 col-md-8">{this.posts()}</main> + <aside class="col-12 col-md-4">{this.my_sidebar()}</aside> </div> </div> ); @@ -413,13 +413,13 @@ export class Main extends Component<any, MainState> { posts() { return ( - <div> + <div class="main-content-wrapper"> {this.state.loading ? ( - <h5> + <p class="text-center"> <svg class="icon icon-spinner spin"> <use xlinkHref="#icon-spinner"></use> </svg> - </h5> + </p> ) : ( <div> {this.selects()} |