chore(webui): prepare lock code for webui force unlock

#13

pkg/webui/html/states.html

@@ -70,9 +70,15 @@
           unlocked
           {{ else }}
           <span class="tooltip">
-            locked
+            <strong>locked</strong>
             <span class="tooltip-text">
-              {{ .State.Lock }}
+              <strong>Created: </strong>{{ .Lock.Created }}<br>
+              <strong>Id: </strong>{{ .Lock.Id }}<br>
+              <strong>Info: </strong>{{ .Lock.Info }}<br>
+              <strong>Operation: </strong>{{ .Lock.Operation }}<br>
+              <strong>Path: </strong>{{ .Lock.Path }}<br>
+              <strong>Version: </strong>{{ .Lock.Version }}<br>
+              <strong>Who: </strong>{{ .Lock.Who }}
             </span>
           </span>
           {{ end }}

pkg/webui/html/statesId.html

@@ -14,7 +14,13 @@
     <span class="tooltip">
       locked.
       <span class="tooltip-text">
-        {{ .State.Lock }}
+        <strong>Created: </strong>{{ .State.Lock.Created }}<br>
+        <strong>Id: </strong>{{ .State.Lock.Id }}<br>
+        <strong>Info: </strong>{{ .State.Lock.Info }}<br>
+        <strong>Operation: </strong>{{ .State.Lock.Operation }}<br>
+        <strong>Path: </strong>{{ .State.Lock.Path }}<br>
+        <strong>Version: </strong>{{ .State.Lock.Version }}<br>
+        <strong>Who: </strong>{{ .State.Lock.Who }}
       </span>
     </span>
     {{ end }}

pkg/webui/static/main.css

@@ -413,12 +413,13 @@ th {
     color: var(--fg-0);
     left: 50%;
     margin-left: -60px;
+    min-width: 320px;
     padding: 5px 0;
     position: absolute;
     text-align: center;
     top: 100%;
     visibility: hidden;
-    width: 120px;
+    width: fit-content;
     z-index: 1;
 }
 .tooltip .tooltip-text::after {