diff --git a/src/paths/index/components/prs/PullRequestList.js b/src/paths/index/components/prs/PullRequestList.js index 0fbbcad..a29c524 100644 --- a/src/paths/index/components/prs/PullRequestList.js +++ b/src/paths/index/components/prs/PullRequestList.js @@ -112,6 +112,8 @@ export default class PullRequestList extends LitElement { @media only screen and (max-width: 900px) { :host .team-pulls { padding: 8px; + max-width: 95%; + margin: 0px auto; } :host .pulls-count { margin-bottom: 12px; @@ -123,6 +125,17 @@ export default class PullRequestList extends LitElement { width: 100%; justify-content: space-between; } + + :host .pulls-filters-column { + font-size: 15px; + } + :host .pulls-filters-column > span { + padding: 2px 0; + } + :host .pulls-filter > *:first-child, + :host .pulls-sort > *:first-child { + padding-right: 12px; + } } `; } diff --git a/src/paths/index/components/teams/TeamItem.js b/src/paths/index/components/teams/TeamItem.js index ee4fc2a..1abc963 100644 --- a/src/paths/index/components/teams/TeamItem.js +++ b/src/paths/index/components/teams/TeamItem.js @@ -17,12 +17,12 @@ export default class TeamItem extends LitElement { --tab-active-border-color: #397adf; } } - + /** Component styling **/ :host { max-width: 240px; } - + :host .team-item { border-left: 5px solid transparent; color: var(--g-font-color); @@ -47,13 +47,13 @@ export default class TeamItem extends LitElement { width: 16px; height: 16px; } - + :host .team-title { font-size: 13px; padding-left: 12px; white-space: nowrap; } - + :host .team-pull-count { color: var(--dimmed-font-color); flex-grow: 1; @@ -65,6 +65,17 @@ export default class TeamItem extends LitElement { color: var(--g-font-color); font-weight: 700; } + + @media only screen and (max-width: 900px) { + :host .team-item { + padding: 6px 16px; + } + + :host .team-title, + :host .team-pull-count { + font-size: 16px; + } + } `; } @@ -87,7 +98,7 @@ export default class TeamItem extends LitElement { return html`