pdf-server: panel Reset/Clear-all as icon buttons, keep tooltips

Author: ochafik

examples/pdf-server/mcp-app.html

@@ -162,8 +162,8 @@
             <div class="annotation-panel-header">
               <span class="annotation-panel-title">Annotations (<span id="annotation-panel-count">0</span>)</span>
               <div class="annotation-panel-header-actions">
-                <button id="annotation-panel-reset" class="annotation-panel-reset" title="Revert to what's in the PDF file">Reset</button>
-                <button id="annotation-panel-clear-all" class="annotation-panel-clear-all" title="Remove everything, including items from the PDF file">Clear all</button>
+                <button id="annotation-panel-reset" class="annotation-panel-reset" title="Revert to what's in the PDF file"><svg width="14" height="14" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M2 6a4 4 0 1 1 1.2 2.85"/><path d="M2 9V6h3"/></svg></button>
+                <button id="annotation-panel-clear-all" class="annotation-panel-clear-all" title="Remove everything, including items from the PDF file"><svg width="14" height="14" viewBox="0 0 12 12" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M2 3h8M4.5 3V2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v1M5 5.5v3M7 5.5v3M3 3l.5 7a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1L9 3"/></svg></button>
                 <button id="annotation-panel-close" class="annotation-panel-close" title="Close panel">&#x2715;</button>
               </div>
             </div>

examples/pdf-server/src/mcp-app.css

@@ -903,10 +903,11 @@ body {
   background: transparent;
   color: var(--text100);
   cursor: pointer;
-  font-size: 0.7rem;
   border-radius: 4px;
-  padding: 2px 6px;
-  white-space: nowrap;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .annotation-panel-reset:hover {
   color: var(--text000);