From c219f7a8098685cf01f1505137f8d5e7fe47e3ec Mon Sep 17 00:00:00 2001
From: Lukas Brabec <lbrabec@redhat.com>
Date: Jan 24 2019 13:01:21 +0000
Subject: moar gui


---

diff --git a/src/index.css b/src/index.css
index 189286f..28a2930 100644
--- a/src/index.css
+++ b/src/index.css
@@ -155,4 +155,4 @@ ol.steps > li {
 
 h1 {
   font-size: 1.25rem !important;
-}
\ No newline at end of file
+}
diff --git a/src/wizard/Easyfix.js b/src/wizard/Easyfix.js
index 9fcf452..5b3486d 100644
--- a/src/wizard/Easyfix.js
+++ b/src/wizard/Easyfix.js
@@ -45,10 +45,10 @@ class EasyfixItemsListSub1 extends Component {
                   <Card key={title+k}>
                       <CardHeader>
                           <Row>
-                              <div className="col-md-10">
+                              <div className="col-md-11 align-middle">
                                   <b>{k}</b> - {this.props.data[k][0].extra_data.description}
                               </div>
-                              <div className="col-md-2">
+                              <div className="col-md-1 align-middle">
                                   <a class="btn btn-primary btn-sm float-right" href='example.com' id={subtoggler} role="button">Show me!</a>
                               </div>
                           </Row>
@@ -89,10 +89,10 @@ class EasyfixItemsListSub1 extends Component {
             <Card key={title}>
                 <CardHeader>
                     <Row>
-                        <div className="col-md-10">
+                        <div className="col-md-11">
                             {title}
                         </div>
-                        <div className="col-md-2">
+                        <div className="col-md-1">
                             <a className={"btn btn-"+btn_expand_class+" btn-sm float-right"} href='example.com' id={toggler} role="button">{btn_expand_text}!</a>
                         </div>
                     </Row>
diff --git a/src/wizard/FedoraManualTesting.js b/src/wizard/FedoraManualTesting.js
index 67b8e69..7a00c08 100644
--- a/src/wizard/FedoraManualTesting.js
+++ b/src/wizard/FedoraManualTesting.js
@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import { Card, CardHeader, CardBody, UncontrolledCollapse } from 'reactstrap';
-import { Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap';
+import { Modal, ModalHeader, ModalBody, ModalFooter, Row } from 'reactstrap';
 
 export default class FedoraManualTesting extends Component {
     render() {
@@ -20,21 +20,15 @@ class FedoraManualTestingItemsListSub1 extends Component {
     render() {
         var subsections = Object.keys(this.props.data);
         var title = this.props.title;
-//        if (subsections.length > 1){
-            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>
-                </li>
-              )
-            )
-/*        }
-        else{
-            title = title + ' - ' + subsections[0];
-            subsections = Object.keys(this.props.data).map(k => (<FedoraManualTestingItemsListSub2 data={this.props.data[k]} />));
-        }
-*/
+        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>
+            </li>
+          )
+        )
+
         var l1 = <div></div>;
         switch (this.props.title) {
           case "Installation":
@@ -74,8 +68,14 @@ class FedoraManualTestingItemsListSub1 extends Component {
         return(
             <Card key={title}>
                 <CardHeader>
-                    {l1}
-                    <a className="btn btn-primary btn-sm float-right" href='example.com' id={toggler} role="button">Show me!</a>
+                    <Row>
+                      <div className="col-md-11">
+                        {l1}
+                      </div>
+                      <div className="col-md-1">
+                        <a className="btn btn-primary btn-sm float-right" href='example.com' id={toggler} role="button">Show me!</a>
+                      </div>
+                    </Row>
                 </CardHeader>
                 <UncontrolledCollapse toggler={'#'+toggler}>
                     <CardBody>
diff --git a/src/wizard/WizardForm.js b/src/wizard/WizardForm.js
index 8c7c896..300f145 100644
--- a/src/wizard/WizardForm.js
+++ b/src/wizard/WizardForm.js
@@ -98,7 +98,7 @@ class WizardForm extends Component {
                         <div className="card-body">
                             <Row key={p.provider}>
                                 <div className="col-md-10">
-                                    <strong>{p.scope} - {p.name}:</strong><br />{p.description}
+                                    <strong>{p.scope} - {p.name}</strong><br />{p.description}
                                 </div>
                                 <div className="col-md-2">
                                     <button className="btn btn-primary btn-sm btn-block btn-wrap-text float-right" onClick={event => this.provider_selected(p)}>