Markup links that should be buttons as buttons

conf.example.toml

@@ -10,10 +10,10 @@ base = "base.tmpl.html"
 [static]
 dir = "/var/www/gonotes/static"
 
-# These are not for changing!
-root = "/static/"
 assets = [
     { path = "css/bootstrap.min.css", url = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" },
     { path = "css/tiny-mde.min.css", url = "https://unpkg.com/tiny-markdown-editor/dist/tiny-mde.min.css" },
     { path = "js/tiny-mde.min.js", url = "https://unpkg.com/tiny-markdown-editor/dist/tiny-mde.min.js" },
+    { path = "icons/pencil-square.svg", url = "https://raw.githubusercontent.com/twbs/icons/refs/heads/main/icons/pencil-square.svg" },
 ]
+# These are not for changing!

templates/list.tmpl.html

@@ -1,10 +1,12 @@
 {{define "title"}}All Notes{{end}}
 {{define "main"}}
-<ul>
+    <div class="list-group list-group-flush">
     {{range $title := .titles}}
-    <li>
+        <a class="list-group-item list-group-item-action d-flex justify-content-between"
-        <a href="{{$title}}/">{{$title}}</a>
+           href="{{$title}}/">
-    </li>
+            <span>{{$title}}</span>
+            <img src="/static/icons/pencil-square.svg" alt="Edit">
+        </a>
     {{end}}
-</ul>
+</div>
 {{end}}

templates/view.tmpl.html

@@ -3,9 +3,9 @@
 <div>
 {{.note.BodyRendered}}
 </div>
-<div>
+<div class="d-flex justify-content-between">
-    <a href="{{.urlEdit}}">Edit</a>
+    <a class="btn btn-primary" href="{{.urlEdit}}">Edit</a>
-    <a href="{{.urlDelete}}">Delete</a>
+    <a class="btn btn-danger" href="{{.urlDelete}}">Delete</a>
 </div>
 {{end}}