front/MyINPulse-front/src/components/canvas/CanvasItem.vue

@@ -211,17 +211,6 @@ const cancelEdit = (index: number) => {
   color: #666;
 }
 
-.cell {
-  width: 100%;
-  height: 100px;
-  overflow: hidden;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: 10px;
-}
-
 .expanded {
   position: fixed;
   top: 0;
@@ -236,15 +225,16 @@ const cancelEdit = (index: number) => {
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
 }
 
+
 .description {
+  display: flex;
+  align-items: center;  /* Centre verticalement */
+  justify-content: center; /* Centre horizontalement */
+  text-align: center; /* Centre le texte à l'intérieur */
   width: 100%;
   height: 100%;
   font-size: 16px;
   margin-top: 10px;
-  /*box-sizing: border-box;*/
-  align-items: center;
-  justify-content: center;
-  text-align: center;
   margin-left: 2%;
 }
 
@@ -266,11 +256,13 @@ const cancelEdit = (index: number) => {
   margin-left: 2%;
 }
 
+
 .button-container {
   display: block;
   margin-top: 20px;
   justify-content: center;
   align-items: center;
+  gap: 10px;
 }
 
 .section-bloc ,.editing-section-bloc {
@@ -301,6 +293,7 @@ const cancelEdit = (index: number) => {
   cursor: pointer;
   transition: background 0.3s ease;
   font-size: 12px;
+  margin-bottom: 5px;
 }
 
 .edit-button {