Fix corrupted UI

charliegerard · Mar 9, 2019 · 72ad617 · 72ad617
1 parent 9c4cb3d
commit 72ad617
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/src/components/MentorsList/MentorList.css b/src/components/MentorsList/MentorList.css
@@ -17,7 +17,7 @@
 }
 
 .device-desktop .mentor-card.mentor-card.mentor-card {
-  width: 310px;
+  width: 350px;
 }
 
 .device-mobile .mentor-card.mentor-card.mentor-card {
@@ -34,6 +34,10 @@
   padding: .35em 1em;
 }
 
+.mentor-card .tags {
+  margin-bottom: -8px;
+}
+
 .mentor-card .description {
   /* 2 lines min */
   height: 38px;

diff --git a/src/components/MentorsList/MentorsList.js b/src/components/MentorsList/MentorsList.js
@@ -26,7 +26,9 @@ const items = (mentors, favs, onToggleFav) => mentors.map((mentor, index) => {
       <div className="details">
         <Card.Header>{mentor.name}</Card.Header>
         <Card.Meta>{mentor.title}</Card.Meta>
-        {tagsList(mentor.tags)}
+        <div className="tags">
+          {tagsList(mentor.tags)}
+        </div>
       </div>
     </header>
     <div className="details">