utilisation des icônes SVG du dépôt twbs/bootstrap-icons pour les réseaux sociaux, amélioration du CSS

4 files changed, 32 insertions, 13 deletions

diff --git a/public/css/body.css b/public/css/body.css
index 57afe92..1f6ef7e 100644
--- a/public/css/body.css
+++ b/public/css/body.css
@@ -47,7 +47,7 @@ main
 }
 .hidden
 {
-    display: none;
+    display: none; /* attention, conflit si la même balise a déjà une règle display */
 }
 section
 {
diff --git a/public/css/head.css b/public/css/head.css
index 1844f93..1b805fe 100644
--- a/public/css/head.css
+++ b/public/css/head.css
@@ -86,12 +86,34 @@ header a
         display: flex;
         gap: 4px;
         flex-wrap: wrap;
+        margin: 4px;
 }
-#header_social_content a img
+#header_social_content > div{
+        margin: auto;
+        background-color: #ffffff7f;
+}
+#header_social_content a:hover
+{
+        background-color: yellow;
+}
+#header_social_content > div, #header_social_content a:hover
+{
+        border-radius: 10px;
+}
+#header_social_content a
+{
+        padding: 2px;
+        display: inline-flex; /* flex pour que la taille de élément dépende de ses enfants, inline pour que <a> este inline */
+        vertical-align: bottom;
+}
+#header_social_content a svg
+{
+        width: 24px;
+        height: 24px;
+}
+.svg_fill_red
 {
-        width: 28px;
-        background-color: #ffffffb3;
-        border-radius: 50%;
+        fill: #dd3333;
 }
 #header_social_content .action_icon
 {
diff --git a/public/css/menu.css b/public/css/menu.css
index 0dfb840..aa8fde3 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -1,9 +1,7 @@
 /*-- page "Menu et chemins" uniquement --*/
 
-.menu
-{
-        padding: 0 20px;
-}
+/*.menu
+{}*/
 .menu_edit_entry
 {
         margin-left: 29px;
diff --git a/public/css/new_page.css b/public/css/new_page.css
index 6d6fe43..80c7e1d 100644
--- a/public/css/new_page.css
+++ b/public/css/new_page.css
@@ -1,8 +1,7 @@
 /*-- page "Nouvelle page" uniquement --*/
-.new_page
-{
-        padding: 0 15px;
-}
+
+/*.new_page
+{}*/
 .new_page .form_zone
 {
         background-color: white;