fix styles

src/components/serverCard/serverCard.jsx

@@ -64,7 +64,6 @@ const ServerCard = ({status, version, link, name, framework, onRunClick, onStopC
         </div>
       </div>
       <div className={styles.version}>Version: {version}</div>
-      <div className={styles.version}></div >
       <button className={styles.runningButton} onClick={handleDelete}><img src={delete_button} className={styles.deleteButton}/></button>
     </a>
   );

src/components/serverCard/serverCard.module.scss

@@ -31,6 +31,8 @@
   outline: none;
   cursor: pointer;
   transition: background-color 0.3s ease; 
+  margin-top: 1rem;
+
 }
 .runningButton{
   background-color: #8d213e;
@@ -41,6 +43,7 @@
   outline: none;
   cursor: pointer;
   transition: background-color 0.3s ease; 
+  margin-top: 1rem;
 }
 .deleteButton{
   width: 20px;
@@ -61,6 +64,7 @@
 .version {
   font-size: 1.5rem;
   margin-left: auto;
+  margin-right: 2rem;
 }
 
 .leftCard {

src/main.css

@@ -11,8 +11,8 @@ html {
   --profile-pic-size: 3rem;
   --logout-button-bg: #ff4b4b;
   --logout-button-bg-hover: #ff1a1a;
-  --card-width: 90%;
+  --card-width: 100%;
-  --card-padding: 2.5rem;
+  --card-padding: 4rem;
   --card-border-color: #343947;
   --card-bg-color: #1D1836;
   --main-bg-color: #050816;

src/pages/DashboardPage/DashboardPage.jsx

@@ -77,7 +77,7 @@ const DashboardPage = ({ user }) => {
         <Loading />
       ) : 
           <div className={styles.cardsContainer}>
-          <div className={styles.iptitle}>Adresse de connexions à vos serveurs : <span>{subdomain}.servii.fr</span></div>            
+          <div className={styles.iptitle}>Adresse de connexion à vos serveurs : <span>{subdomain}.servii.fr</span></div>            
           {servers.length === 0 ? (
               <NoServer user={user} onCreateServer={handleCreateServer} />
             ) : (