diff --git a/src/app/annuaire/annuaire.component.html b/src/app/annuaire/annuaire.component.html
index ffd9a8553dc7e4741c4e9b42792346c161420167..f65070b47387922f2dc7ba8541d86456efbee909 100644
--- a/src/app/annuaire/annuaire.component.html
+++ b/src/app/annuaire/annuaire.component.html
@@ -1,4 +1,4 @@
-<div class="content-container" [ngClass]="{ logged: userIsLoggedIn() }">
+<div class="content-container no-pt" [ngClass]="{ logged: userIsLoggedIn() }">
<div *ngIf="userIsLoggedIn()">
<app-search-bar
class="hide-on-print"
diff --git a/src/app/annuaire/annuaire.component.scss b/src/app/annuaire/annuaire.component.scss
index 5870702317bc0022d08c792d996d448af9c9a37d..73c3604f7c172c004ecb6329a807c0ce84909057 100644
--- a/src/app/annuaire/annuaire.component.scss
+++ b/src/app/annuaire/annuaire.component.scss
@@ -3,7 +3,6 @@
.content-container {
box-sizing: border-box;
height: calc(100% - $footer-height);
- padding-top: 0;
display: flex;
flex-direction: column;
justify-content: center;
diff --git a/src/app/annuaire/search-bar/search-bar.component.html b/src/app/annuaire/search-bar/search-bar.component.html
index 5eb03a96ce0b06ca424162297054cd56afc92a8e..6edcadd23dd190f6b81dc47de942b127190e4a7b 100644
--- a/src/app/annuaire/search-bar/search-bar.component.html
+++ b/src/app/annuaire/search-bar/search-bar.component.html
@@ -79,8 +79,6 @@
[text]="filter"
(action)="removeFilter(filter)"
></app-button>
- <div class="reset-icon" (click)="resetFilters()">
- <app-svg-icon [type]="'ico'" [icon]="'tagReset'" [iconColor]="'black'"></app-svg-icon>
- </div>
+ <app-button [style]="buttonTypeEnum.TagCloudResetButton" (action)="resetFilters()"></app-button>
</div>
</div>
diff --git a/src/app/annuaire/search-bar/search-bar.component.scss b/src/app/annuaire/search-bar/search-bar.component.scss
index 470df43630d3ac4534fb5fec12a0ad806c7f36bc..0fc57b845f1a02bbb55b2b254b0f7bc9420cc115 100644
--- a/src/app/annuaire/search-bar/search-bar.component.scss
+++ b/src/app/annuaire/search-bar/search-bar.component.scss
@@ -1,199 +1,8 @@
-@import '../../../assets/scss/color';
-@import '../../../assets/scss/color';
-@import '../../../assets/scss/typography';
-@import '../../../assets/scss/inputs';
-@import '../../../assets/scss/hyperlink';
-@import '../../../assets/scss/breakpoint';
-@import '../../../assets/scss/buttons';
+@import '../../../assets/scss/search';
-.block {
- padding: 0.5rem 0.5rem 0 0.5rem;
- border-bottom: solid 1px $grey-6;
- background: $white;
- @media #{$large-tablet} {
- padding: 0 10px;
- }
-}
.content {
- display: flex;
- align-items: center;
- margin-bottom: 0.5rem;
- input {
- @include lato-regular-13;
- @include input-search;
- margin-top: unset;
- }
.inputSearch {
- padding: 6px 10px 6px 6px;
max-width: 400px;
width: 100%;
- min-width: 200px;
- background-color: $grey-8;
- color: $grey-3;
- height: 36px;
- border-radius: 50px;
- margin-right: 0.25rem;
- @media #{$large-desktop} {
- min-width: 250px;
- }
- @media #{$large-tablet} {
- width: 100%;
- margin-bottom: 0.5rem;
- margin-right: 0;
- }
- .container {
- width: 100%;
- height: 40px;
- .separation {
- border-right: solid 1px $grey-4;
- width: 5px;
- height: 23px;
- margin-right: 5px;
- }
- }
- }
- @media #{$large-tablet} {
- flex-direction: column !important;
- padding-top: 1rem;
- }
-}
-.btn-container {
- width: 100%;
- display: flex;
-}
-.btnSection {
- width: 100%;
- justify-content: flex-start !important;
- @media #{$large-tablet} {
- display: contents !important;
- }
- button {
- background: $white;
- height: 36px;
- border: 1px solid $grey-4;
- padding: 10px 12px;
- outline: none;
- border-radius: 50px;
- cursor: pointer;
- text-align: left;
- transition: all 300ms ease;
- line-height: 110%;
- @include btn-normal;
- @include lato-regular-13;
- &:hover:not(.selected) {
- background: $grey-7;
- }
- .arrow {
- background-color: transparent;
- border-bottom: 1px solid $black;
- border-right: 1px solid $black;
- transform: translateY(-25%) rotate(45deg);
- margin: 0 5px 0 10px;
- height: 7px;
- width: 7px;
- transition: all 300ms ease;
- }
- &:focus {
- border-color: $focus-color;
- }
- }
- .selected {
- background-color: $primary-color;
- border-color: $primary-color !important;
- color: $white;
- .arrow {
- background-color: transparent;
- border-bottom: 1px solid $white;
- border-right: 1px solid $white;
- transform: translateY(25%) rotate(-135deg);
- margin: 0 5px 0 10px;
- height: 7px;
- width: 7px;
- }
- }
- .btn-filter {
- height: 40px;
- span {
- line-height: 110%;
- }
- }
- .containCheckedFilters {
- border-color: $primary-color;
- }
-}
-::ng-deep .btn-regular.tertiary {
- height: 40px !important;
- div {
- line-height: normal;
- }
-}
-.footerSearchSection {
- margin: 8px 0px 8px 0px;
- height: 40px;
-}
-
-.icon {
- background-color: transparent;
- border: 1px solid transparent;
- outline: none;
- cursor: pointer;
- &.pin {
- padding: 4px 6px 8px 6px;
- &:hover {
- .ico-pin-search {
- background-color: $primary-color;
- }
- }
- &:focus {
- border-color: $primary-color;
- .ico-pin-search {
- background-color: $primary-color;
- }
- }
- &:active {
- border-color: transparent;
- .ico-pin-search {
- background-color: $blue-light;
- }
- }
- }
- &.close {
- &:focus {
- border-color: $primary-color;
- }
- &:active {
- border-color: transparent;
- }
- }
-}
-a {
- @include hyperlink;
- text-align: right;
-}
-
-.phoneSection {
- margin: 9px 0px 18px 0px;
- display: none;
- .btnSection {
- padding: 0;
- }
-}
-@media #{$large-tablet} {
- .isntPhoneContent {
- display: none !important;
- }
- .phoneSection {
- display: block;
- }
-}
-.filterTags {
- margin-top: 0.5rem;
- .title {
- margin-top: 5px;
- color: $grey-3;
- }
- .reset-icon {
- padding-top: 0.2rem;
- cursor: pointer;
}
}
diff --git a/src/app/carto/carto.component.html b/src/app/carto/carto.component.html
index 38406d5e2428429f80b70b6887dfcb7e5116ec1b..8152a06d12dfa5638d12c4ceaf29b8d45d34f8df 100644
--- a/src/app/carto/carto.component.html
+++ b/src/app/carto/carto.component.html
@@ -1,4 +1,4 @@
-<div class="content-container" [ngClass]="{ 'height-100': isOrientationForm }">
+<div class="content-container no-pt" [ngClass]="{ 'height-100': isOrientationForm }">
<div class="hide-on-print">
<app-structure-list-search (searchEvent)="getStructures($event)" [filters]="filters"></app-structure-list-search>
</div>
diff --git a/src/app/carto/carto.component.scss b/src/app/carto/carto.component.scss
index 44263f57ae1473294055c355fb36687240cecb1e..94c04ca29e4aa336dd38f736ee9608f3ef795b01 100644
--- a/src/app/carto/carto.component.scss
+++ b/src/app/carto/carto.component.scss
@@ -12,7 +12,6 @@
.content-container {
height: calc(100vh - #{$header-height});
background: $white;
- padding-top: 0.6rem;
display: flex;
flex-direction: column;
}
diff --git a/src/app/shared/components/button/button.component.html b/src/app/shared/components/button/button.component.html
index d1aa72728927bf5d87eefd1de8cf836e5a90b5b4..87da7b7982b756e10047bc2c023ac5307e508486 100644
--- a/src/app/shared/components/button/button.component.html
+++ b/src/app/shared/components/button/button.component.html
@@ -278,3 +278,9 @@
></app-svg-icon>
</button>
</ng-container>
+<ng-container *ngIf="style === buttonTypeEnum.TagCloudResetButton">
+ <button class="flex row btn-tags-cloud reset" (click)="doAction()">
+ <span>Supprimer les filtres</span>
+ <app-svg-icon [type]="'ico'" [icon]="'tagReset'" [iconClass]="'icon-16'" [iconColor]="'black'"></app-svg-icon>
+ </button>
+</ng-container>
diff --git a/src/app/shared/components/button/button.component.scss b/src/app/shared/components/button/button.component.scss
index 3438c1f398c256128cdafe967b905d6a91abe67b..7225175043e70e730469e8339024bef3f100772b 100644
--- a/src/app/shared/components/button/button.component.scss
+++ b/src/app/shared/components/button/button.component.scss
@@ -316,6 +316,19 @@ button {
&.unchecked {
background: $grey-1;
}
+
+ &.reset {
+ justify-content: space-between;
+ width: 156px;
+ max-width: unset;
+ background: $white;
+ color: $black;
+ border: 1px solid $grey-4;
+ border-radius: 20px;
+ span {
+ max-width: unset;
+ }
+ }
}
button:disabled {
opacity: 0.4;
diff --git a/src/app/shared/components/button/buttonType.enum.ts b/src/app/shared/components/button/buttonType.enum.ts
index 27ef72acf274ffc83394d6b9031a8947f57a441e..1026afb543e00f80eece3d332874cbd9ebd47de6 100644
--- a/src/app/shared/components/button/buttonType.enum.ts
+++ b/src/app/shared/components/button/buttonType.enum.ts
@@ -15,4 +15,5 @@ export enum ButtonType {
modalPrimary,
modalSecondary,
TagCloudButton,
+ TagCloudResetButton,
}
diff --git a/src/app/structure-list/components/structure-list-search/structure-list-search.component.html b/src/app/structure-list/components/structure-list-search/structure-list-search.component.html
index 908ba5b22531b9d8527e1d71062278777dd07d87..78095863c0232a845205f44759b1c22f34386726 100644
--- a/src/app/structure-list/components/structure-list-search/structure-list-search.component.html
+++ b/src/app/structure-list/components/structure-list-search/structure-list-search.component.html
@@ -160,8 +160,6 @@
[text]="filter.displayText ? filter.displayText : filter.id"
(action)="removeFilter(filter)"
></app-button>
- <div class="reset-icon" (click)="resetFilters()">
- <app-svg-icon [type]="'ico'" [icon]="'tagReset'" [iconColor]="'black'"></app-svg-icon>
- </div>
+ <app-button [style]="buttonTypeEnum.TagCloudResetButton" (action)="resetFilters()"></app-button>
</div>
</div>
diff --git a/src/app/structure-list/components/structure-list-search/structure-list-search.component.scss b/src/app/structure-list/components/structure-list-search/structure-list-search.component.scss
index 2112acbbe66d686d2c2fe4e89a30727b24496a30..0e3d1c5ef80d1c1d5179d6b4da266779bdb8dfa1 100644
--- a/src/app/structure-list/components/structure-list-search/structure-list-search.component.scss
+++ b/src/app/structure-list/components/structure-list-search/structure-list-search.component.scss
@@ -1,122 +1,11 @@
+@import '../../../../assets/scss/search';
@import '../../../../assets/scss/color';
@import '../../../../assets/scss/typography';
@import '../../../../assets/scss/inputs';
-@import '../../../../assets/scss/hyperlink';
@import '../../../../assets/scss/breakpoint';
@import '../../../../assets/scss/buttons';
-.block {
- padding: 0 1rem;
- border-bottom: solid 1px $grey-4;
- @media #{$large-tablet} {
- padding: 0 10px;
- }
-}
-.content {
- margin-bottom: 0.5rem;
- display: flex;
- align-items: center;
-
- input {
- @include lato-regular-13;
- @include input-search;
- margin-top: unset;
- }
- .inputSearch {
- padding: 6px 10px 6px 6px;
- width: 200px;
- min-width: 200px;
- background-color: $grey-8;
- color: $grey-3;
- height: 36px;
- border-radius: 50px;
- margin-right: 0.25rem;
- @media #{$large-desktop} {
- width: 300px;
- min-width: 250px;
- }
- @media #{$large-tablet} {
- width: 100%;
- margin-bottom: 0.5rem;
- margin-right: 0;
- }
- .container {
- width: 100%;
- height: 40px;
- .separation {
- border-right: solid 1px $grey-4;
- width: 5px;
- height: 23px;
- margin-right: 5px;
- }
- }
- }
- @media #{$large-tablet} {
- flex-direction: column !important;
- }
-}
-.btn-container {
- width: 100%;
- display: flex;
-}
.btnSection {
- width: 100%;
- @media #{$large-tablet} {
- display: contents !important;
- }
- button {
- background: $white;
- height: 36px;
- border: 1px solid $grey-4;
- padding: 10px 12px;
- outline: none;
- border-radius: 50px;
- cursor: pointer;
- text-align: left;
- transition: all 300ms ease;
- line-height: 110%;
- @include btn-normal;
- @include lato-regular-13;
- &:hover:not(.selected) {
- background: $grey-7;
- }
- .arrow {
- background-color: transparent;
- border-bottom: 1px solid black;
- border-right: 1px solid black;
- transform: translateY(-25%) rotate(45deg);
- margin: 0 5px 0 10px;
- height: 7px;
- width: 7px;
- transition: all 300ms ease;
- }
- &:focus {
- border-color: $focus-color;
- }
- }
- .selected {
- background-color: $primary-color;
- border-color: $primary-color !important;
- color: $white;
- .arrow {
- background-color: transparent;
- border-bottom: 1px solid $white;
- border-right: 1px solid $white;
- transform: translateY(25%) rotate(-135deg);
- margin: 0 5px 0 10px;
- height: 7px;
- width: 7px;
- }
- }
- .btn-filter {
- height: 40px;
- span {
- line-height: 110%;
- }
- }
- .containCheckedFilters {
- border-color: $primary-color;
- }
.checkboxButton {
box-sizing: border-box;
@include btn-filter;
@@ -177,82 +66,7 @@
}
}
}
-::ng-deep .btn-regular.tertiary {
- height: 40px !important;
- div {
- line-height: normal;
- }
-}
+
.last-button {
margin-left: auto;
}
-.footerSearchSection {
- margin: 8px 0px 8px 0px;
- height: 40px;
-}
-
-.icon {
- background-color: transparent;
- border: 1px solid transparent;
- outline: none;
- cursor: pointer;
- &.pin {
- padding: 4px 6px 8px 6px;
- &:hover {
- .ico-pin-search {
- background-color: $primary-color;
- }
- }
- &:focus {
- border-color: $primary-color;
- .ico-pin-search {
- background-color: $primary-color;
- }
- }
- &:active {
- border-color: transparent;
- .ico-pin-search {
- background-color: $blue-light;
- }
- }
- }
- &.close {
- &:focus {
- border-color: $primary-color;
- }
- &:active {
- border-color: transparent;
- }
- }
-}
-a {
- @include hyperlink;
- text-align: right;
-}
-
-.phoneSection {
- margin: 9px 0px 18px 0px;
- display: none;
- .btnSection {
- padding: 0;
- }
-}
-@media #{$large-tablet} {
- .isntPhoneContent {
- display: none !important;
- }
- .phoneSection {
- display: block;
- }
-}
-.filterTags {
- margin: 0.5rem 0 0 0;
- .title {
- margin-top: 5px;
- color: $grey-3;
- }
- .reset-icon {
- padding-top: 0.2rem;
- cursor: pointer;
- }
-}
diff --git a/src/assets/ico/sprite.svg b/src/assets/ico/sprite.svg
index 02b8da35a600fabb9aa420b276129b83e1f656a9..6396908badacb653f6c32dda0dd1d76ffe1a3ece 100644
--- a/src/assets/ico/sprite.svg
+++ b/src/assets/ico/sprite.svg
@@ -693,13 +693,6 @@
<path d="M15.5 6.5L6.5 15.5" stroke="#BDBDBD" stroke-width="1.5" stroke-linecap="round" />
</symbol>
- <symbol id="tagReset" width="26" height="26" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M7.04307 8H7V14H13V13.9569L7.04307 8Z" fill="#696969" />
- <path
- d="M10.3738 21.6869C11.5497 22.8501 13.0573 23.6202 14.6889 23.8913C16.3206 24.1623 17.9962 23.9209 19.485 23.2004C20.9738 22.4798 22.2027 21.3155 23.0025 19.8676C23.8023 18.4198 24.1336 16.7597 23.9509 15.1158C23.7683 13.4719 23.0805 11.925 21.9824 10.6881C20.8843 9.45121 19.4297 8.58509 17.819 8.20897C16.2083 7.83285 14.5207 7.96523 12.9883 8.58789C11.456 9.21054 10.1543 10.2929 9.26242 11.6859"
- stroke="#696969" stroke-width="1.5" />
- </symbol>
-
<symbol id="closeModal" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M27.0279 11.9135C27.5486 11.3928 28.2873 11.2873 28.6778 11.6778C29.0683 12.0683 28.9628 12.807 28.4421 13.3277L13.3572 28.4127C12.8365 28.9334 12.0978 29.0389 11.7072 28.6484C11.3167 28.2578 11.4222 27.5192 11.9429 26.9985L27.0279 11.9135Z"
@@ -1689,11 +1682,14 @@
<path d="M15.5 6.5L6.5 15.5" stroke="#BDBDBD" stroke-width="1.5" stroke-linecap="round" />
</symbol>
- <symbol id="tagReset" width="26" height="26" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M7.04307 8H7V14H13V13.9569L7.04307 8Z" fill="#696969" />
+
+ <symbol id="tagReset" width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+ <path
+ d="M2.41783 4.91505L2.1416 4.63882V6.22461H3.72739L3.61783 6.11505L2.41783 4.91505L3.12493 4.20794L2.41783 4.91505Z"
+ stroke="#333333" stroke-width="2" />
<path
- d="M10.3738 21.6869C11.5497 22.8501 13.0573 23.6202 14.6889 23.8913C16.3206 24.1623 17.9962 23.9209 19.485 23.2004C20.9738 22.4798 22.2027 21.3155 23.0025 19.8676C23.8023 18.4198 24.1336 16.7597 23.9509 15.1158C23.7683 13.4719 23.0805 11.925 21.9824 10.6881C20.8843 9.45121 19.4297 8.58509 17.819 8.20897C16.2083 7.83285 14.5207 7.96523 12.9883 8.58789C11.456 9.21054 10.1543 10.2929 9.26242 11.6859"
- stroke="#696969" stroke-width="1.5" />
+ d="M3.9742 12.838C4.88949 13.8222 6.09674 14.4863 7.41803 14.7325C8.73932 14.9786 10.1047 14.7938 11.313 14.2053C12.5214 13.6167 13.5086 12.6556 14.1293 11.4635C14.7501 10.2714 14.9714 8.91138 14.7607 7.58397C14.55 6.25656 13.9185 5.03194 12.9592 4.09061C11.9999 3.14928 10.7635 2.54103 9.43236 2.35552C8.1012 2.17 6.74565 2.41704 5.56551 3.06021C4.38537 3.70338 3.44307 4.70866 2.87749 5.92789"
+ stroke="#333333" stroke-width="1.5" />
</symbol>
<symbol id="closeModal" width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
diff --git a/src/assets/scss/_search.scss b/src/assets/scss/_search.scss
new file mode 100644
index 0000000000000000000000000000000000000000..fb105fa70869ba85852aed78c00c702ac6808790
--- /dev/null
+++ b/src/assets/scss/_search.scss
@@ -0,0 +1,197 @@
+@import './color';
+@import './typography';
+@import './inputs';
+@import './hyperlink';
+@import './breakpoint';
+@import './buttons';
+
+.block {
+ padding: 0.6rem 1rem;
+ border-bottom: solid 1px $grey-6;
+ background: $white;
+ @media #{$large-tablet} {
+ padding: 0 10px;
+ }
+}
+.content {
+ display: flex;
+ align-items: center;
+ margin-bottom: 0.5rem;
+ input {
+ @include lato-regular-13;
+ @include input-search;
+ margin-top: unset;
+ }
+ .inputSearch {
+ padding: 6px 10px 6px 6px;
+ width: 200px;
+ min-width: 200px;
+ background-color: $grey-8;
+ color: $grey-3;
+ height: 36px;
+ border-radius: 50px;
+ margin-right: 0.25rem;
+ @media #{$large-desktop} {
+ min-width: 250px;
+ }
+ @media #{$large-tablet} {
+ width: 100%;
+ margin-bottom: 0.5rem;
+ margin-right: 0;
+ }
+ .container {
+ width: 100%;
+ height: 40px;
+ .separation {
+ border-right: solid 1px $grey-4;
+ width: 5px;
+ height: 23px;
+ margin-right: 5px;
+ }
+ }
+ }
+ @media #{$large-tablet} {
+ flex-direction: column !important;
+ padding-top: 1rem;
+ }
+}
+.btn-container {
+ width: 100%;
+ display: flex;
+}
+.btnSection {
+ width: 100%;
+ justify-content: flex-start !important;
+ @media #{$large-tablet} {
+ display: contents !important;
+ }
+ button {
+ background: $white;
+ height: 36px;
+ border: 1px solid $grey-4;
+ padding: 10px 12px;
+ outline: none;
+ border-radius: 50px;
+ cursor: pointer;
+ text-align: left;
+ transition: all 300ms ease;
+ line-height: 110%;
+ @include btn-normal;
+ @include lato-regular-13;
+ &:hover:not(.selected) {
+ background: $grey-7;
+ }
+ .arrow {
+ background-color: transparent;
+ border-bottom: 1px solid $black;
+ border-right: 1px solid $black;
+ transform: translateY(-25%) rotate(45deg);
+ margin: 0 5px 0 10px;
+ height: 7px;
+ width: 7px;
+ transition: all 300ms ease;
+ }
+ &:focus {
+ border-color: $focus-color;
+ }
+ }
+ .selected {
+ background-color: $primary-color;
+ border-color: $primary-color !important;
+ color: $white;
+ .arrow {
+ background-color: transparent;
+ border-bottom: 1px solid $white;
+ border-right: 1px solid $white;
+ transform: translateY(25%) rotate(-135deg);
+ margin: 0 5px 0 10px;
+ height: 7px;
+ width: 7px;
+ }
+ }
+ .btn-filter {
+ height: 40px;
+ span {
+ line-height: 110%;
+ }
+ }
+ .containCheckedFilters {
+ border-color: $primary-color;
+ }
+}
+::ng-deep .btn-regular.tertiary {
+ height: 40px !important;
+ div {
+ line-height: normal;
+ }
+}
+.footerSearchSection {
+ margin: 8px 0px 8px 0px;
+ height: 40px;
+}
+
+.icon {
+ background-color: transparent;
+ border: 1px solid transparent;
+ outline: none;
+ cursor: pointer;
+ &.pin {
+ padding: 4px 6px 8px 6px;
+ &:hover {
+ .ico-pin-search {
+ background-color: $primary-color;
+ }
+ }
+ &:focus {
+ border-color: $primary-color;
+ .ico-pin-search {
+ background-color: $primary-color;
+ }
+ }
+ &:active {
+ border-color: transparent;
+ .ico-pin-search {
+ background-color: $blue-light;
+ }
+ }
+ }
+ &.close {
+ &:focus {
+ border-color: $primary-color;
+ }
+ &:active {
+ border-color: transparent;
+ }
+ }
+}
+a {
+ @include hyperlink;
+ text-align: right;
+}
+
+.phoneSection {
+ margin: 9px 0px 18px 0px;
+ display: none;
+ .btnSection {
+ padding: 0;
+ }
+}
+@media #{$large-tablet} {
+ .isntPhoneContent {
+ display: none !important;
+ }
+ .phoneSection {
+ display: block;
+ }
+}
+.filterTags {
+ margin-top: 0.5rem;
+ .title {
+ margin-top: 5px;
+ color: $grey-3;
+ }
+ .reset-icon {
+ padding-top: 0.2rem;
+ cursor: pointer;
+ }
+}
diff --git a/src/styles.scss b/src/styles.scss
index a5947bffdc852ad5313cec294b863c9cea6e7e8b..1392301f126fcd1bfce57a670e7cc69e8e36758e 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -128,7 +128,7 @@ a {
padding: 10px 0 30px 0;
}
&.no-pt {
- padding: 0 0 30px 0;
+ padding-top: 0;
}
&.full-screen {
min-height: calc(100vh - #{$header-height} - #{$footer-height});