Edit minor styling

michaelzhu1 · Dec 20, 2017 · 1bee620 · 1bee620
1 parent 60c2623
commit 1bee620
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/app/assets/stylesheets/components/discover.scss b/app/assets/stylesheets/components/discover.scss
@@ -156,22 +156,23 @@ div.photo-index-item-desc {
     flex-direction: column;
     margin-right: 10px;
   }
-  div {
-    text-align: center;
-    font-size: 16px;
-  }
 }
 
 .feature-user-avatar {
-  // float: left;
   width: 80px;
   height: 80px;
   object-fit: cover;
   border-radius: 50%;
   cursor: pointer;
-  // margin-right: 12px;
 }
 
-.discover-people-name:hover {
+.discover-people-name {
+  font-size: 16px;
+  font-weight: bold;
+  font-family: arial;
+  text-align: center;
+}
+
+.discover-people-name :hover {
   text-decoration: underline;
 }
diff --git a/frontend/components/discover/discover_people_items.jsx b/frontend/components/discover/discover_people_items.jsx
@@ -3,8 +3,8 @@ import { Link } from "react-router-dom";
 
 export const DiscoverPeopleItems = ({photo}) => (
   <li>
-    <div>
-      <Link className="discover-people-name" to={`/user/${photo.author_id}`}>{photo.owner}</Link>
+    <div className="discover-people-name">
+      <Link  to={`/user/${photo.author_id}`}>{photo.owner}</Link>
     </div>
     <div>
       <Link to={`/user/${photo.author_id}`}>