style: card style mini

Author: mydearxym

components/LoadingEffects/styles/community_holder.js

@@ -22,13 +22,14 @@ export const CommunitiesText = styled.div`
   ${cs.flex('align-center')};
   color: ${theme('banner.desc')};
   justify-content: center;
-  width: 60px;
-  height: 60px;
+  width: 54px;
+  height: 54px;
   border-radius: 4px;
   border-style: double;
   border-color: ${theme('banner.desc')};
   text-align: center;
-  margin-top: -40px;
+  margin-top: -35px;
+  margin-bottom: 8px;
 `
 export const BannerText = styled.div`
   ${cs.truncate('45px')};

containers/CommunitiesContent/styles/community_cards.js

@@ -74,10 +74,12 @@ export const IssueLink = styled.a`
 
 // fill only works for non-colored svgs
 export const CommunityIcon = styled(Img)`
+  display: block;
   fill: ${({ nonFill }) => (nonFill ? '' : theme('banner.desc'))};
-  width: 60px;
-  height: 60px;
-  margin-top: -40px;
+  width: 54px;
+  height: 54px;
+  margin-bottom: 8px;
+  margin-top: -35px;
   ${Card}:hover & {
     fill: ${({ nonFill }) => (nonFill ? '' : theme('banner.title'))};
   }