Themes: Fix material div

Author: SMillerDev

src/PHPDraft/Out/HTML/material.css

@@ -50,4 +50,9 @@ h2.mdl-card__title-text {
 
 table.table p {
     margin-bottom: 0px;
+}
+
+.showSearch {
+    background: #122b40 center / cover;
+    color: #cccccc;
 }

src/PHPDraft/Out/HTML/material.js

@@ -1,3 +1,3 @@
 /**
  * Created by smillernl on 18-5-17.
- */
+ */

src/PHPDraft/Out/HTML/material.phtml

@@ -29,21 +29,9 @@ use PHPDraft\Out\Minifier;
             <!-- Title -->
             <span class="mdl-layout-title"><?= $this->base_data['TITLE']; ?></span>
             <div class="mdl-layout-spacer"></div>
-            <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable
-                  mdl-textfield--floating-label mdl-textfield--align-right">
-                <label class="mdl-button mdl-js-button mdl-button--icon"
-                       for="waterfall-exp">
-                    <i class="material-icons">search</i>
-                </label>
-                <div class="mdl-textfield__expandable-holder">
-                    <input class="mdl-textfield__input" type="text" name="sample"
-                           id="waterfall-exp">
-                </div>
-            </div>
         </div>
     </header>
     <div class="mdl-layout__drawer">
-        <span class="mdl-layout-title"><?= $this->base_data['TITLE']; ?></span>
         <nav class="mdl-navigation">
             <a class="mdl-navigation__link" href="#"><b>Webservices</b></a>
             <?php foreach ($this->categories as $category): ?>
@@ -100,7 +88,7 @@ use PHPDraft\Out\Minifier;
                                 <div class="mdl-tabs mdl-js-tabs mdl-js-ripple-effect">
                                     <div class="mdl-tabs__tab-bar">
                                 <?php if (!empty($transition->requests)): ?>
-                                    <a href="#<?= $transition->get_href(); ?>-request-panel" class="mdl-tabs__tab is-active">Request</a>
+                                    <a href="#<?= $transition->get_href(); ?>-request-panel" class="mdl-tabs__tab is-active"><b>Request</b></a>
                                 <?php endif;?>
                                 <?php if (!empty($transition->responses)): ?>
                                     <?php foreach ($transition->responses as $key => $response): ?>
@@ -174,35 +162,29 @@ use PHPDraft\Out\Minifier;
                                                 <?php endif; ?>
                                                 <?php if ($response->structure !== []): ?>
                                                     <h5>Data Structure</h5>
-                                                    <div class="row">
-                                                        <?php foreach ($response->structure as $value): ?>
-                                                            <?= $value; ?>
-                                                        <?php endforeach; ?>
-                                                    </div>
+                                                    <?php foreach ($response->structure as $value): ?>
+                                                        <?= $value; ?>
+                                                    <?php endforeach; ?>
                                                 <?php endif; ?>
-                                                <?php foreach ($response->content as $key => $value): ?>
-                                                    <div>
-                                                        <?php $href =
-                                                            $transition->get_href() . '-' . $response->statuscode . '-' . str_replace([
-                                                                '/',
-                                                                '+',
-                                                            ], '-', $key); ?>
-                                                        <h5 class="response-body"
-                                                            data-toggle="collapse"
-                                                            data-target="#request-<?= $href ?>">
-                                                            <span class="glyphicon indicator glyphicon-menu-up"></span>
-                                                            <?= $key; ?>
-
-                                                        </h5>
-                                                        <pre class="collapse collapsed response-body"
-                                                             id="request-<?= $href ?>"><?= $value; ?></pre>
-                                                    </div>
-                                                <?php endforeach; ?>
-                                            </div>
+                                                <div class="mdl-grid">
+                                                    <?php foreach ($response->content as $key => $value): ?>
+                                                        <div class="mdl-cell mdl-cell--<?= 12/count($response->content)?>-col">
+                                                            <?php $href =
+                                                                $transition->get_href() . '-' . $response->statuscode . '-' . str_replace([
+                                                                    '/',
+                                                                    '+',
+                                                                ], '-', $key); ?>
+                                                            <h5 class="response-body"><?= $key; ?></h5>
+                                                            <pre class="response-body" id="request-<?= $href ?>"><?= $value; ?></pre>
+                                                        </div>
+                                                    <?php endforeach; ?>
+                                                </div>
                                             </div>
+
                                     <?php endforeach; ?>
                                 <?php endif; ?>
                             <?php endif;?>
+                                </div>
                             </div>
                             <div class="mdl-card__menu">
                                 <button  id="<?=$transition->get_href();?>" class="mdl-button mdl-button--icon mdl-js-button mdl-js-ripple-effect">