From 6258874114cd69d737d21e722d113ac41aa4d4b5 Mon Sep 17 00:00:00 2001
From: adrien <adrien@malingrey.fr>
Date: Sat, 3 May 2025 02:04:03 +0200
Subject: [PATCH] 7 segments

---
 show.php  |  3 ++-
 style.css | 12 +++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/show.php b/show.php
index c56417c..7d727d8 100644
--- a/show.php
+++ b/show.php
@@ -60,7 +60,8 @@ echo ("-->");*/
             <h2>Interfaces</h2>
             <?php
             foreach ($stack as $member_id => $lines) {
-                echo "<div class='member'>\n<span class='member-id'>$member_id</span>\n<table class='interfaces'>\n<tbody>\n";
+                $member_7_segments = mb_convert_encoding("&#x" . dechex(0x1FBF0 + $member_id) . ";", 'UTF-8', 'HTML-ENTITIES');
+                echo "<div class='member'>\n<span class='member-id'>$member_7_segments</span>\n<table class='interfaces'>\n<tbody>\n";
                 foreach ($lines as $interfaces) {
                     ksort($interfaces);
                     echo "<tr>\n";
diff --git a/style.css b/style.css
index 34219f3..55894d3 100644
--- a/style.css
+++ b/style.css
@@ -104,24 +104,26 @@ main {
 
 .member {
   display: flex;
-  align-items: center;
+  align-items: baseline;
   border: 6px outset #476079;
   border-radius: 4px;
   background-color: #34495e;
   margin-bottom: 0.5rem;
   print-color-adjust: exact;
+  justify-content: flex-start;
 }
 
 .member-id {
-  background: #888;
+  background: #666;
   align-content: center;
   color: lightgreen;
-  text-shadow: 0 1px 3px #fffb;
+  text-shadow: 0 1px 3px #fff5;
   font-weight: bold;
   border: 2px inset black;
   font-family: monospace;
-  margin: 1em 0.5em;
-  padding: 0.12em 0.4em;
+  margin: 0 0.5em;
+  padding: 0 0.3em;
+  font-size: 1.4em;
 }
 
 .interfaces {