fix: issue#54

Author: yoution

src/components/Pagination/styles.module.scss

@@ -2,6 +2,7 @@
 
 .pagination {
   display: flex;
+  flex-wrap: wrap;
 
   .page {
     padding: 0 10px;
@@ -15,6 +16,9 @@
     border-color: #2A2A2A;
   }
 
+  > button {
+    margin-bottom: 10px !important;
+  }
   .next {
     margin-left: 5px;
 

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;
 }
 

src/routes/MyTeamsList/styles.module.scss

@@ -23,8 +23,7 @@
 }
 
 .pagination-wrapper {
-  margin-top: 20px;
-  margin-right: 20px;
+  margin: 20px 20px -10px 0;
   display: flex;
   justify-content: flex-end;
 }