From fdc5688d3d912ed94c38a65dfd21fde0f58e8659 Mon Sep 17 00:00:00 2001
From: Josef Skladanka <jskladan@redhat.com>
Date: Jan 24 2019 14:25:10 +0000
Subject: css bullshit


---

diff --git a/src/index.css b/src/index.css
index c8849d4..b7a0531 100644
--- a/src/index.css
+++ b/src/index.css
@@ -91,21 +91,25 @@ h1 {
   word-wrap: break-word !important;
 }
 
-.card {
-  margin-bottom: 0.5em;
-}
-
 .btn-tag {
     margin-right: 0.5em;
     margin-bottom: 0.5em;
 }
 
+.btn-selected {
+    color: #000;
+    background-color: #aec4e3;
+    border-color: #aec4e3;
+}
+
+
 ol.steps > li {
   padding-bottom: 0.4em;
 }
 
-.card-header {
-  font-size: 0.9em !important;
+.card {
+  margin-bottom: 0.5em;
+  font-size: 0.9rem !important;
 }
 
 .card-body {
@@ -113,7 +117,6 @@ ol.steps > li {
   padding-bottom: 0.6em !important;
   padding-left: 0.8em !important;
   padding-right: 0.8em !important;
-  font-size: 0.9em !important;
 }
 
 .footer {
@@ -130,4 +133,4 @@ ol.steps > li {
   border-top-color:rgb(204, 204, 204);
   border-top-style: solid;
   border-top-width: 1px;
-}
\ No newline at end of file
+}
diff --git a/src/wizard/Easyfix.js b/src/wizard/Easyfix.js
index 5b3486d..22a3a95 100644
--- a/src/wizard/Easyfix.js
+++ b/src/wizard/Easyfix.js
@@ -73,11 +73,7 @@ class EasyfixItemsListSub1 extends Component {
                 title = <span><b>{title}</b>  - {this.props.data[subsections[0]][0].extra_data.description}</span>;
             }
             subsections = Object.keys(this.props.data).map(k => (
-                <div>
-                <ul>
                     <EasyfixItemsListSub2 data={this.props.data[k]} />
-                </ul>
-                </div>
               )
             );
         }
@@ -99,7 +95,7 @@ class EasyfixItemsListSub1 extends Component {
                 </CardHeader>
                 <UncontrolledCollapse toggler={'#'+toggler}>
                     <CardBody>
-                    {subsections}
+                      {subsections}
                     </CardBody>
                 </UncontrolledCollapse>
             </Card>);
diff --git a/src/wizard/FedoraManualTesting.js b/src/wizard/FedoraManualTesting.js
index 7a00c08..5ee9630 100644
--- a/src/wizard/FedoraManualTesting.js
+++ b/src/wizard/FedoraManualTesting.js
@@ -12,22 +12,20 @@ export default class FedoraManualTesting extends Component {
 
 class FedoraManualTestingItemsListSub2 extends Component {
     render() {
-        return(this.props.data.map(action => (<li><FedoraManualTestingItem data={action} /></li>)))
+        return(<ul>{this.props.data.map(action => (<li><FedoraManualTestingItem data={action} /></li>))}</ul>)
     }
 }
 
 class FedoraManualTestingItemsListSub1 extends Component {
     render() {
-        var subsections = Object.keys(this.props.data);
         var title = this.props.title;
-        subsections = Object.keys(this.props.data).map(k => (
+        var subsections = Object.keys(this.props.data).map(k => (
             <li key={'li'+k}><span>{k}</span>
-            <ul>
-                <FedoraManualTestingItemsListSub2 data={this.props.data[k]} key={this.props.data[k]}/>
-            </ul>
+              <FedoraManualTestingItemsListSub2 data={this.props.data[k]} key={this.props.data[k]}/>
             </li>
           )
         )
+        subsections = <ul>{subsections}</ul>
 
         var l1 = <div></div>;
         switch (this.props.title) {
@@ -79,7 +77,7 @@ class FedoraManualTestingItemsListSub1 extends Component {
                 </CardHeader>
                 <UncontrolledCollapse toggler={'#'+toggler}>
                     <CardBody>
-                    <ul>{subsections}</ul>
+                      {subsections}
                     </CardBody>
                 </UncontrolledCollapse>
             </Card>);
diff --git a/src/wizard/WizardForm.js b/src/wizard/WizardForm.js
index 44d25b8..6beefd7 100644
--- a/src/wizard/WizardForm.js
+++ b/src/wizard/WizardForm.js
@@ -92,7 +92,7 @@ class WizardForm extends Component {
     render() {
         const providers = [3, 72].map(duration => {
             const duration_providers = this.state.providers.filter(p => p.duration === duration).map(p => {
-                const btncolor = (this.state.selected_provider.provider === p.provider)? 'success' : 'primary'
+                const btncolor = (this.state.selected_provider.provider === p.provider)? 'selected' : 'primary'
                 return (
                     <div className="card">
                         <div className="card-body">
@@ -146,7 +146,7 @@ class Tags extends Component {
     }
 
     is_selected(t) {
-        return t === this.state.selected_button ? 'success' : 'primary';
+        return t === this.state.selected_button ? 'selected' : 'primary';
     }
 
     render() {