From a0a4a18fd65353b69bac041dd84dfc4c211a3e15 Mon Sep 17 00:00:00 2001
From: Kai Reinhard <K.Reinhard@micromata.de>
Date: Mon, 07 Jan 2019 23:14:19 +0000
Subject: [PATCH] Table layout.

---
 borgbutler-webapp/src/components/views/jobs/Job.jsx                  |    6 +++---
 borgbutler-webapp/src/components/views/archives/ArchiveView.jsx      |    4 ++--
 borgbutler-webapp/src/components/views/repos/RepoArchiveListView.jsx |    4 ++--
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/borgbutler-webapp/src/components/views/archives/ArchiveView.jsx b/borgbutler-webapp/src/components/views/archives/ArchiveView.jsx
index dac9fc4..dca627c 100644
--- a/borgbutler-webapp/src/components/views/archives/ArchiveView.jsx
+++ b/borgbutler-webapp/src/components/views/archives/ArchiveView.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import {Nav, NavLink, TabContent, Table, TabPane} from 'reactstrap';
+import {CardBody, Nav, NavLink, TabContent, Table, TabPane} from 'reactstrap';
 import {PageHeader} from '../../general/BootstrapComponents';
 import {getRestServiceUrl, humanFileSize, humanSeconds} from '../../../utilities/global';
 import ErrorAlert from '../../general/ErrorAlert';
@@ -107,7 +107,7 @@
                         />
                     </TabPane>
                     <TabPane tabId={'2'}>
-                        <Table hover>
+                        <Table striped bordered hover>
                             <tbody>
                             <tr>
                                 <td>Archive</td>
diff --git a/borgbutler-webapp/src/components/views/jobs/Job.jsx b/borgbutler-webapp/src/components/views/jobs/Job.jsx
index d1cf915..890396d 100644
--- a/borgbutler-webapp/src/components/views/jobs/Job.jsx
+++ b/borgbutler-webapp/src/components/views/jobs/Job.jsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import {Redirect} from 'react-router-dom';
-import {Button, Card, CardBody, Collapse, ListGroupItem, Progress} from 'reactstrap';
+import {Button, Card, CardBody, Collapse, ListGroupItem, Progress, Table} from 'reactstrap';
 import {IconCancel} from '../../general/IconComponents'
 import {getRestServiceUrl} from "../../../utilities/global";
 import PropTypes from "prop-types";
@@ -78,7 +78,7 @@
                 <Collapse isOpen={this.state.collapse}>
                     <Card>
                         <CardBody>
-                            <table>
+                            <Table striped bordered hover>
                                 <tbody>
                                 <tr>
                                     <th>Status</th>
@@ -93,7 +93,7 @@
                                     <td>{environmentVariables}</td>
                                 </tr>
                                 </tbody>
-                            </table>
+                            </Table>
                         </CardBody>
                     </Card>
                 </Collapse>
diff --git a/borgbutler-webapp/src/components/views/repos/RepoArchiveListView.jsx b/borgbutler-webapp/src/components/views/repos/RepoArchiveListView.jsx
index b2d5fba..1d79f07 100644
--- a/borgbutler-webapp/src/components/views/repos/RepoArchiveListView.jsx
+++ b/borgbutler-webapp/src/components/views/repos/RepoArchiveListView.jsx
@@ -1,5 +1,5 @@
 import React from 'react'
-import {Nav, NavLink, TabContent, Table, TabPane} from 'reactstrap';
+import {CardBody, Nav, NavLink, TabContent, Table, TabPane} from 'reactstrap';
 import { Link } from "react-router-dom";
 import classNames from 'classnames';
 import {PageHeader} from '../../general/BootstrapComponents';
@@ -128,7 +128,7 @@
                         </Table>
                     </TabPane>
                     <TabPane tabId={'2'}>
-                        <Table hover>
+                        <Table striped bordered hover>
                             <tbody>
                             <tr>
                                 <td>Id</td>

--
Gitblit v1.10.0