diff --git a/app/src/App.js b/app/src/App.js
index c714d4b..7c12c77 100644
--- a/app/src/App.js
+++ b/app/src/App.js
@@ -24,6 +24,7 @@ const Container = styled(Card)`
height: 100%;
padding: 0;
overflow-y: auto;
+ border-radius: 0px;
`;
class App extends Component {
diff --git a/app/src/components/Image.js b/app/src/components/Image.js
index 6b1f5cc..e84b42d 100644
--- a/app/src/components/Image.js
+++ b/app/src/components/Image.js
@@ -27,6 +27,8 @@ const ImageTag = styled.h3`
const P = styled.p`
font-weight: bold;
+ overflow: hidden;
+ text-overflow: ellipsis;
`;
class Image extends Component {
diff --git a/app/src/components/pages/Images.js b/app/src/components/pages/Images.js
index e4d443b..35cf2a0 100644
--- a/app/src/components/pages/Images.js
+++ b/app/src/components/pages/Images.js
@@ -1,7 +1,6 @@
import React, { Component } from "react";
import styled from "styled-components";
-// import _ from 'lodash'
import { Flex, Box } from "reflexbox";
import {
Collapse,
diff --git a/app/src/components/pages/Info.js b/app/src/components/pages/Info.js
index 3183f37..6da282e 100644
--- a/app/src/components/pages/Info.js
+++ b/app/src/components/pages/Info.js
@@ -1,17 +1,18 @@
import React, { Component } from "react";
-import { Collapse, Card } from "@blueprintjs/core";
+import { Collapse } from "@blueprintjs/core";
import { Route } from "react-router-dom";
-// import { Flex } from "reflexbox";
+import { Box } from "reflexbox";
+import styled from "styled-components";
-class Info extends Component {
- constructor() {
- super();
+const Title = styled.h2`
+ margin: 0;
+`;
- this.state = {
- info: null
- };
- }
+class Info extends Component {
+ state = {
+ info: null
+ };
async componentDidMount() {
const info = await fetch("/api/info");
@@ -26,8 +27,8 @@ class Info extends Component {
path="/info"
render={({ match }) => (
-
- Info
+
+ Info
{/* {info && (
@@ -40,7 +41,7 @@ class Info extends Component {
)} */}
-
+
)}
/>
diff --git a/app/src/components/pages/Networks.js b/app/src/components/pages/Networks.js
index 7aeeefe..f92fc2b 100644
--- a/app/src/components/pages/Networks.js
+++ b/app/src/components/pages/Networks.js
@@ -1,7 +1,13 @@
import React from "react";
-import { Collapse, Card } from "@blueprintjs/core";
+import { Collapse } from "@blueprintjs/core";
import { Route } from "react-router-dom";
+import styled from "styled-components";
+import { Box } from "reflexbox";
+
+const Title = styled.h2`
+ margin: 0;
+`;
const Networks = () => {
return (
@@ -9,9 +15,9 @@ const Networks = () => {
path="/networks"
render={({ match }) => (
-
- Networks
-
+
+ Networks
+
)}
/>
diff --git a/app/src/components/pages/Volumes.js b/app/src/components/pages/Volumes.js
index a5b7066..0696c5c 100644
--- a/app/src/components/pages/Volumes.js
+++ b/app/src/components/pages/Volumes.js
@@ -1,7 +1,13 @@
import React from "react";
-import { Collapse, Card } from "@blueprintjs/core";
+import { Collapse } from "@blueprintjs/core";
import { Route } from "react-router-dom";
+import styled from "styled-components";
+import { Box } from "reflexbox";
+
+const Title = styled.h2`
+ margin: 0;
+`;
const Volumes = () => {
return (
@@ -9,9 +15,9 @@ const Volumes = () => {
path="/volumes"
render={({ match }) => (
-
- Volumes
-
+
+ Volumes
+
)}
/>