edit bar menu flex

2 files changed, 26 insertions, 18 deletions

diff --git a/app/view/templates/edittopbar.php b/app/view/templates/edittopbar.php
index 13a2a08..e2e7ed4 100644
--- a/app/view/templates/edittopbar.php
+++ b/app/view/templates/edittopbar.php
@@ -4,22 +4,23 @@
 
     <form action="<?= $this->uart('artupdate', $art->id()) ?>" method="post" id="update">
 
+    <div id="editmenu">
+
+
 
     <span>
     <a href="<?= $this->url('home') ?>" class="icon" >⍇</a>
-    </span>
-    <span>
+
     <input type="submit" value="update" accesskey="s" form="update">
-    </span>
 
 
 
 
 
-    <span>
+
     <a href="<?= $this->uart('artread/', $art->id()) ?>" target="_blank" class="icon" >👁</a>
-    </span>
     <span id="headid"><?= $art->id() ?></span>
+    </span>
 
 
 
@@ -27,8 +28,8 @@
 <span id="menu" >
     <?php if($user->iseditor()) { ?>
 
-    <a href="<?= $this->url('font') ?>"><span class="symbol">📝</span><span class="text">font</span></a>
-    <a href="<?= $this->url('media') ?>"><span class="symbol">📁</span><span class="text">media</span></a>
+        <a href="<?= $this->url('media') ?>"><span class="symbol">📁</span><span class="text">media</span></a>
+        <a href="<?= $this->url('font') ?>"><span class="symbol">📝</span><span class="text">font</span></a>
 
     <?php
     if($user->isadmin()) {
@@ -41,16 +42,18 @@
 </span>
 
 
-<span id="delete">
-        <a href="<?= $this->uart('artconfirmdelete', $art->id()) ?>"><span class="symbol">✖</span><span class="text">delete</span></a>
-</span>
 
 
 <span id="fontsize">
+    
+    <label for="fontsize">Font-size</label>
+    <input type="number" name="fontsize" value="<?= Config::fontsize() ?>" id="fontsize" min="5" max="99">
+</span>
 
-<label for="fontsize">Font-size</label>
-<input type="number" name="fontsize" value="<?= Config::fontsize() ?>" id="fontsize" min="5" max="99">
+<span id="delete">
+        <a href="<?= $this->uart('artconfirmdelete', $art->id()) ?>"><span class="symbol">✖</span><span class="text">delete</span></a>
 </span>
 
+</div>
 
 </div>
\ No newline at end of file
diff --git a/assets/css/edit.css b/assets/css/edit.css
index be812a3..7f7553c 100644
--- a/assets/css/edit.css
+++ b/assets/css/edit.css
@@ -178,6 +178,16 @@ html {
     line-height: 30px;
 }
 
+
+.editor div#editmenu {
+    height: 30px;
+    line-height: 30px;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    flex-wrap: nowrap;
+}
+
 .editor ul {
     list-style: none;
     padding: 0;
@@ -228,12 +238,6 @@ a.icon {
     font-size: 25px;
 }
 
-form#update {
-    display: flex;
-    height: 30px;
-}
-
-#update span {margin: 0 0.2%;}
 
 .editor .panel input[type="checkbox"] {
     width: auto;
@@ -308,3 +312,4 @@ form#update {
 
 }
 
+