adjust blogs table buttons and delete options

backstage/static/styles/main.css

@@ -257,9 +257,10 @@ label[for="file"] {
 }
 
 #sidebar-container .sidebar-header {
-  background-image: url('https://2.bp.blogspot.com/-2RewSLZUzRg/U-9o6SD4M6I/AAAAAAAADIE/voax99AbRx0/s1600/14%2B-%2B1%2B%281%29.jpg');
+  padding-top: 1rem;
+  background-image: url('../imgs/logo2.png'), linear-gradient(white, white);
   width: 100%;
-  height: 80px;
+  height: 50px;
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;

backstage/templates/blogs.html

@@ -1,6 +1,6 @@
 {% extends "layout.html" %}
 {% block main %}
-<h1>{{ title }}</h1>
+<h1 class="h3"><i class="far fa-newspaper mr-3"></i>{{ title }}</h1>
 <table id="example" class="table table-striped table-bordered" cellspacing="0" width="60%">
   <thead>
     <tr>
@@ -21,10 +21,10 @@
         <td>1</td>
         <td>on</td>
         <td>
-          <div>
-            <a class="btn btn-secondary btn-sm m-1" href="{{ url_for('editor.editor', url=blogs[idx].url) }}">編輯</a>
-            <form action="{{ url_for('editor.remove', url=blogs[idx].url) }}" method="POST">
-              <input class="btn btn-danger" type="submit" value="Delete">
+          <div class="d-flex justify-content-center">
+            <a class="btn btn-outline-secondary m-1 btn__edit" href="{{ url_for('editor.editor', url=blogs[idx].url) }}">編輯</a>
+            <form action="{{ url_for('editor.remove', url=blogs[idx].url) }}" method="POST" class="m-1 inline_block">
+              <input class="btn btn-danger btn__delete" type="submit" value="刪除">
             </form>
           </div>
         </td>

backstage/templates/collections.html

@@ -1,6 +1,6 @@
 {% extends "layout.html" %}
 {% block main %}
-<h1 class="h3">{{ title }}</h1>
+<h1 class="h3"><i class="fas fa-ruler-combined mr-2"></i>{{ title }}</h1>
 <table id="example" class="table table-striped table-bordered" cellspacing="0" width="60%">
   <thead>
     <tr>

backstage/templates/layout.html

@@ -107,7 +107,6 @@
         </a>
         <!-- Separator with title -->
         <li class="list-group-item sidebar-separator-title text-muted d-flex align-items-center menu-collapsed">
-          <small>OPTIONS</small>
         </li>
         <!-- /END Separator -->
         <!-- <a href="#" class="bg-dark list-group-item list-group-item-action">