From 43f2d1b6d345f97288445ed3a171c316efd82cd9 Mon Sep 17 00:00:00 2001
From: nate smith <nateksmith@pm.me>
Date: Fri, 15 Mar 2024 16:07:35 -0700
Subject: [PATCH] another crappy WIP

---
 assets/main.js       |  4 ++--
 templates/index.tmpl | 22 ++++++++++++++++++----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/assets/main.js b/assets/main.js
index c9512ba..19bbfac 100644
--- a/assets/main.js
+++ b/assets/main.js
@@ -51,14 +51,14 @@ class LineRemover extends Button {
 
 class LinePinner extends Button {
   connectedCallback() {
-    this.innerText = "pin";
+    this.innerText = "P";
     this.setAttribute("title", "pin line in place");
   }
   click() {
     const l = this.closest("div.line");
     l.classList.toggle("unpinned");
     if (l.classList.contains("unpinned")) {
-      this.innerText = "pin";
+      this.innerText = "P";
       this.classList.remove("pinned");
       this.setAttribute("title", "pin line in place");
     } else {
diff --git a/templates/index.tmpl b/templates/index.tmpl
index 7fc4340..7e8d280 100644
--- a/templates/index.tmpl
+++ b/templates/index.tmpl
@@ -63,7 +63,7 @@ span.linetext {
     <template id="linetmpl">
       <style>
         div.linetext {
-          font-size: 110%;
+          font-size: 100%;
         }
         div.rightside {
         }
@@ -71,15 +71,28 @@ span.linetext {
           font-size: 50%;
           font-style: oblique;
           padding-left: 10px;
+          text-align: right;
         }
         div.cont:hover {
           background-color: rgba(255,255,255,.05);
         }
         .linectrl button {
-          width: 40px;
-          height: 40px;
+          width: 30px;
+          height: 30px;
         }
       </style>
+      <div style="display: grid; grid-template-columns: 80% 20%">
+        <div>
+          <div class="linetext"></div>
+          <div class="source"></div>
+        </div>
+        <div class="linectrl">
+          <button is="line-pinner">P</button><button is="line-editor">E</button><button>M</button><button is="line-remover">X</button>
+        </div>
+      </div>
+
+
+      <!-- 
       <div class="cont" style="display: grid; grid-template-columns: 80% 20%">
         <div class="linetext"></div>
         <div class="rightside">
@@ -90,7 +103,7 @@ span.linetext {
                   <button is="line-pinner">pin</button><button is="line-editor">✎</button>
                 </div>
                 <div>
-                  </button><button>M</button><button is="line-remover">X</button>
+                  <button>M</button><button is="line-remover">X</button>
                 </div>
               </div>
             </div>
@@ -98,6 +111,7 @@ span.linetext {
           </div>
         </div>
       </div>
+      -->
         <!--
       <span class="linectrl">
         <button is="line-pinner">pin</button><button is="line-editor">✎</button><button is="line-upper">↑</button><button is="line-downer">↓</button><button is="source-shower"></button><button is="line-remover">X</button>