fix style

front_end/src/App.css

@@ -54,6 +54,12 @@ body {
   transition: background-color 0.3s ease, color 0.3s ease;
 }
 
+.padding{
+  padding: 10px
+}
+
+
+
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
     monospace;
@@ -69,6 +75,14 @@ code {
   background: linear-gradient(180deg, var(--tint0) 0%, var(--tint1) 100%);
 }
 
+.composant-container{
+  background-color: var(--tint2);
+  border-radius: 30px;
+  padding: 10px;
+  border: 2px solid var(--tint4);
+  box-shadow: 0 4px 6px rgba(16, 185, 129, 0.1);
+}
+
 /* Header / Navigation */
 .app-header {
   background-color: var(--tint1);
@@ -145,7 +159,7 @@ input[type="time"],
 input[type="search"],
 input[type="datetime-local"],
 textarea {
-  background-color: var(--tint2);
+  background-color: var(--tint3);
   color: var(--text);
   border: 2px solid var(--tint5);
   border-radius: 8px;
@@ -379,9 +393,9 @@ button.add:hover,
 table {
   width: 100%;
   border-collapse: collapse;
-  background-color: var(--tint1);
   border-radius: 12px;
   overflow: hidden;
+  width: fit-content;
 }
 
 thead {
@@ -402,9 +416,6 @@ td {
   color: var(--text);
 }
 
-tr:hover {
-  background-color: var(--tint2);
-}
 
 /* Lists */
 ul, ol {