separate btn into two classes

2 files changed, 17 insertions, 15 deletions

diff --git a/templates/admin.html b/templates/admin.html
index 1c0f0ab..22b0e0a 100644
--- a/templates/admin.html
+++ b/templates/admin.html
@@ -20,7 +20,7 @@
     <td class='inpt'>
       <form method='post' action='/admin/add/'>
         <input type='text' name='dl-paper' placeholder="URL or DOI" value=''/>
-        <select class="btn" name="dl-category" id="category">
+        <select class="sel" name="dl-category" id="category">
           {{ $lastUsedCategory := .LastUsedCategory }}
           {{ if $lastUsedCategory }}
           <option value="{{ .LastUsedCategory }}">{{ $lastUsedCategory }}</option>
@@ -31,7 +31,7 @@
           {{ end }}
           {{ end }}
         </select>
-        <input class="btn btn-download" type="submit" value="Download" />
+        <input class="btn" type="submit" value="Download" />
       </form>
     </td>
   </tr>
diff --git a/templates/layout.html b/templates/layout.html
index df61c42..03220af 100644
--- a/templates/layout.html
+++ b/templates/layout.html
@@ -45,12 +45,22 @@ div#crane table#header input[type="text"] {
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
 }
 
-div#crane table#header .btn {
+div#crane .btn {
+  font-family: inherit;
+  font-size: 85%;
+  color: black;
+  text-overflow: unset;
+  display: inline;
+  background: #e9ecef;
+  border: #343a40 1px solid;
+  padding-right: 8px;
+  padding-top: 3px;
+  padding-bottom: 3px;
+  border-radius: 0;
   display: inline-block;
-  margin-bottom: 1rem;
 }
 
-div#crane .btn {
+div#crane .sel {
   font-family: inherit;
   font-size: 85%;
   color: black;
@@ -60,12 +70,7 @@ div#crane .btn {
   border: #343a40 1px solid;
   padding: 2px 8px;
   border-radius: 0;
-}
-
-.btn-download
-{
-  padding-top: 3px;
-  padding-bottom: 3px;
+  display: inline-block;
 }
 
 div#crane table {
@@ -82,6 +87,7 @@ div#crane table#header td.inpt {
   white-space: nowrap;
   border-collapse: collapse;
   color: #000;
+  padding-bottom: 1em;
 }
 
 div#crane table#header td.main {
@@ -124,10 +130,6 @@ div#crane table.tabs td a {
   background-color: #ccc;
 }
 
-div#crane table.tabls td.form {
-  text-align: right;
-}
-
 div#crane table.tabs td.form form {
   padding-bottom: 2px;
   white-space: normal;