refactor(details.html): change table and layout of buttons

judas_server/web/templates/details.html

@@ -13,15 +13,12 @@
             <p><a class="button" href="{{ url_for('logout') }}">Logout</a></p>
         </header>
         <main>
-            <h2>Details for PC ID: {{ pc.id }}</h2>
-            <h3><a href="{{ url_for('stream', pc_id=pc.id) }}">View Stream</a></h3>
-            <table border="1">
-                <thead>
-                    <tr>
-                        <th>Attribute</th>
-                        <th>Value</th>
-                    </tr>
-                </thead>
+            <div class="button-container">
+                <p><a href="{{ url_for('panel') }}" class="link">Back to Panel</a></p>
+                <h2>Details for PC ID: {{ pc.id }}</h2>
+                <p><a href="{{ url_for('stream', pc_id=pc.id) }}" class="link">View Stream</a></p>
+            </div>
+            <table class="center-table details-table">
                 <tbody>
                     <tr>
                         <td>Status</td>
@@ -33,7 +30,6 @@
                     </tr>
                 </tbody>
             </table>
-            <p><a href="{{ url_for('panel') }}">Back to Panel</a></p>
         </main>
     </div>
 </body>