Icone app

frontend/src/styles.css

@@ -307,6 +307,14 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   display: flex;
   gap: 0.75rem;
 }
+.icon-button {
+  width: 44px;
+  min-width: 44px;
+  padding: 0.8rem 0;
+  background: #e2e8f0;
+  color: #14213d;
+  font-weight: 800;
+}
 .student-home-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -379,7 +387,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 }
 .lesson-composer {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) 150px 120px 110px;
+  grid-template-columns: minmax(0, 1fr) 120px 110px;
   gap: 0.6rem;
 }
 .lesson-status {
@@ -410,6 +418,14 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   gap: 1rem;
   margin-bottom: 1rem;
 }
+.settings-field {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+.settings-field span {
+  font-weight: 700;
+}
 
 @keyframes pulse {
   from { transform: scale(1); }
@@ -538,6 +554,11 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
     width: 100%;
   }
 
+  .icon-button {
+    width: 44px;
+    min-width: 44px;
+  }
+
   .student-home {
     padding: 0.5rem;
   }
@@ -594,8 +615,7 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
     gap: 0.5rem;
   }
 
-  .lesson-composer input,
-  .lesson-composer select {
+  .lesson-composer input {
     grid-column: 1 / -1;
   }