Merge pull request #59 from yoution/hotfix/issue-54

fix: issue#54

Author: maxceem

src/components/Pagination/styles.module.scss

@@ -2,11 +2,14 @@
 
 .pagination {
   display: flex;
+  flex-wrap: wrap;
+  margin-bottom: -10px;
 
   .page {
     padding: 0 10px;
-    margin: 0 5px;
+    margin: 0 5px 10px;
     min-width: 30px;
+
   }
 
   .current {
@@ -17,6 +20,7 @@
 
   .next {
     margin-left: 5px;
+    margin-bottom: 10px;
 
     > svg {
       transform: rotate(-90deg);
@@ -29,6 +33,7 @@
 
   .prev {
     margin-right: 5px;
+    margin-bottom: 10px;
 
     > svg {
       margin-right: 3px;

src/components/SkillsList/index.jsx

@@ -101,6 +101,7 @@ const SkillsList = ({ requiredSkills, skills, limit = 3 }) => {
                     <div styleName="skills-section">
                       <div styleName="skills-title">Required Job Skills</div>
                       <ul styleName="skills-list">
+                        {!requiredSkills.length && <li>None</li>}
                         {requiredSkills.map((skill) => (
                           <li key={skill.id}>
                             {_.find(skills, { id: skill.id }) ? (

src/components/SkillsList/styles.module.scss

@@ -22,10 +22,12 @@
 
 .popover-content {
   display: flex;
-  padding: 24px;
+  flex-wrap: wrap;
+  padding: 4px 24px 24px;
 }
 
 .skills-section {
+  margin-top: 20px;
   padding-right: 32px;
 }