Add section titles

crc-org · Dec 31, 2021 · 4024d67 · 4024d67
1 parent a3ea5cf
commit 4024d67
Showing 1 changed file with 16 additions and 3 deletions.
diff --git a/src/app.jsx b/src/app.jsx
@@ -23,7 +23,9 @@ import * as client from './client.js';
 import {
     Card,
     Page,
-    PageSection
+    PageSection,
+    Text,
+    TextContent
 } from '@patternfly/react-core';
 import {
     ControlCard,
@@ -179,17 +181,28 @@ export class Application extends React.Component {
         return (
             <Page>
                 <PageSection>
+                    <TextContent>
+                        <Text component="h2">Status</Text>
+                    </TextContent>
                     <ControlCard ref={this.control}
                         preset={this.state.preset}
                         onStartClicked={this.startInstance}
                         onStopClicked={this.stopInstance}
                         onDeleteClicked={this.deleteInstance} />
                 </PageSection>
                 <PageSection>
-                    <Card>
+                    <TextContent>
+                        <Text component="h2">Logs</Text>
+                    </TextContent>
+                    <Card style={{ padding: "20px" }}>
                         <LogWindow ref={this.logWindow} />
                     </Card>
-                    <Card>
+                </PageSection>
+                <PageSection>
+                    <TextContent>
+                        <Text component="h2">Configuration</Text>
+                    </TextContent>
+                    <Card style={{ padding: "20px" }}>
                         <Configuration ref={this.config}
                                 onValueChanged={this.configurationValueChanged}
                                 onSaveClicked={this.configurationSave}