Merge pull request #143 from HaudinFlorence/fix_issue_for_longer_names_on_hover

Extend available space for the full name of employees on small portrait cards.

Author: SylvainCorlay

src/components/about/SmallPortraitCard.tsx

@@ -4,7 +4,6 @@ import SocialMediaContacts from "./SocialMediaContacts";
 import { useRef, useState } from "react";
 import LargePortraitCard from "./LargePortraitCard";
 import Avatar from "./Avatar";
-import Link from "@docusaurus/Link";
 
 const contentStyle = {
   background: "white",

src/components/about/SubTeam.tsx

@@ -15,7 +15,6 @@ export default function SubTeam({
               <div className="col">
                 <PopupPortrait
                   person={person}
-                 
                 />
               </div>
             </li>

src/components/about/styles.module.css

@@ -5,7 +5,7 @@
   color: var(--ifm-color-primary-p2);
   border-radius: 8px;
   box-shadow: 0px 0px 8px 1px #c8c8c7;
-  padding: var(--ifm-spacing-lg) var(--ifm-spacing-md);
+  padding: var(--ifm-spacing-lg) var(--ifm-spacing-xs);
   margin-bottom: var(--ifm-spacing-xl);
 }
 
@@ -15,6 +15,7 @@
   text-decoration: #0000EE underline;
 }
 
+
 .value_text p {
   font-family: var(--ifm-font-family-roboto);
   font-size: 14px;
@@ -50,6 +51,7 @@ div .row {
   line-height: 24px;
   letter-spacing: 0.15px;
   margin: var(--ifm-spacing-xs) 0;
+  width: 100%
 }
 
 .small_card_position {