mini update UI

2 files changed, 20 insertions, 25 deletions

diff --git a/app/view/templates/home.php b/app/view/templates/home.php
index 160b383..fab5146 100644
--- a/app/view/templates/home.php
+++ b/app/view/templates/home.php
@@ -18,19 +18,17 @@
 
 </div>
 
-
-<div id="flex">
     
     
     <?php $this->insert('homeopt', ['opt' => $opt, 'user' => $user]) ?>
 
+<div id="main">
 
+<article id="main">
 
-<div id="main">
 <h2>Pages</h2>
 
 
-
 <form action="/massedit" method="post">
 
 <div id="massedit">
@@ -55,6 +53,7 @@
 
 
         <table id="home2table">
+        <thead>
         <tr>
         <th>x</th>
         <th><a href="<?= $opt->getadress('id') ?>">id</a></th>
@@ -89,6 +88,8 @@
         <th class="affcount"><a href="<?= $opt->getadress('affcount') ?>">aff</a></th>
         <?php } ?>
         </tr>
+        </thead>
+        <tbody>
         <?php   foreach ($table2 as $item) { ?>
             <tr>
             <td><input type="checkbox" name="id[]"  value="<?= $item->id() ?>" id="id_<?= $item->id() ?>"></td>
@@ -126,9 +127,10 @@
             </tr>
 
       <?php  }?>
+            </tbody>
  </table>
 </form>
-</div>
+</article>
 </div>
 </main>
 
diff --git a/assets/css/home.css b/assets/css/home.css
index 72192ee..840ac9c 100644
--- a/assets/css/home.css
+++ b/assets/css/home.css
@@ -3,18 +3,17 @@
 }
 
 
-div#flex {
-    display: flex;
-    height: 100%;
-}
 
-div#options {
+
+div#options, article#main {
     min-width: 180px;
     overflow-y: auto;
 }
 
-div#main {
-    overflow: auto;
+
+
+main.home {
+    display: flex;
 }
 
 body {
@@ -48,7 +47,7 @@ h1, h2 {
 
 
 
-main.media div, main.home div#options, main.home div#main, main.info nav, main article {
+main.media div, main.home div#options, main.info nav, main article {
     border: ridge 1px dimgrey;
     margin: 1%;
     background-color: lightgrey;
@@ -92,7 +91,6 @@ th {
 }
 
 main {
-    flex: 1;
     overflow-y: auto;
 }
 
@@ -176,14 +174,6 @@ main.info code, main.info blockquote {
     width: fit-content;
 }
 
-main.info article {
-    /* max-width: 800px; */
-    /* text-align: justify; */
-    /* background-color: #e2e1e1; */
-    /* margin: 1%; */
-    /* padding: 1%; */
-}
-
 main.info blockquote i {
     font-style: normal;
     color: #7b97b9;
@@ -375,7 +365,10 @@ main.timeline li.event {
 
 }
 
+article#main {}
 
-
-
-
+div#main {
+    display: flex;
+    align-items: flex-start;
+    flex-direction: column;
+}
\ No newline at end of file