Fixed various styling issues
This commit is contained in:
parent
6fb7c81cd5
commit
5d01519415
|
@ -12,7 +12,7 @@
|
||||||
// }
|
// }
|
||||||
|
|
||||||
.main-container {
|
.main-container {
|
||||||
top: 80px;
|
top: 80px !important;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
|
@ -8,6 +8,6 @@ img {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.about-component {
|
// .about-component {
|
||||||
margin-top: 80px;
|
// margin-top: 80px;
|
||||||
}
|
// }
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.dataset-profile-editor {
|
.dataset-profile-editor {
|
||||||
margin-top: 6.3rem;
|
margin-top: 1.3rem;
|
||||||
|
|
||||||
.full-width {
|
.full-width {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.dataset-profile-listing {
|
.dataset-profile-listing {
|
||||||
margin-top: 6rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mat-table {
|
.mat-table {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.dmp-profile-editor {
|
.dmp-profile-editor {
|
||||||
margin-top: 6.3rem;
|
margin-top: 1.3rem;
|
||||||
|
|
||||||
.centered-row-item {
|
.centered-row-item {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dmp-profile-listing {
|
.dmp-profile-listing {
|
||||||
margin-top: 6.3rem;
|
margin-top: 1.3rem;
|
||||||
|
|
||||||
.mat-row {
|
.mat-row {
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
|
|
|
@ -1,5 +1,4 @@
|
||||||
.root {
|
.root {
|
||||||
padding-top: 5em;
|
|
||||||
padding-bottom: 2em;
|
padding-bottom: 2em;
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
|
|
|
@ -3,7 +3,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-listing {
|
.user-listing {
|
||||||
margin-top: 6rem;
|
margin-top: 1rem;
|
||||||
|
|
||||||
.mat-card {
|
.mat-card {
|
||||||
margin: 1em 0;
|
margin: 1em 0;
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
.login-screen {
|
.login-screen {
|
||||||
// margin-top: 70px;
|
// margin-top: 70px;
|
||||||
padding-top: 80px;
|
|
||||||
min-height: calc(100vh - 10px);
|
min-height: calc(100vh - 10px);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -9,7 +9,7 @@ img {
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-component {
|
.contact-component {
|
||||||
margin-top: 80px;
|
// margin-top: 80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.contact-container {
|
.contact-container {
|
||||||
|
@ -28,14 +28,14 @@ img {
|
||||||
border: 1px solid #129d99;
|
border: 1px solid #129d99;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 101px;
|
min-width: 101px;
|
||||||
height: 43px;
|
height: 43px;
|
||||||
color: #129d99;
|
color: #129d99;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.send-btn-disabled {
|
.send-btn-disabled {
|
||||||
width: 6.64em;
|
min-width: 6.64em;
|
||||||
height: 2.93em;
|
height: 2.93em;
|
||||||
background: #FFFFFF;
|
background: #FFFFFF;
|
||||||
border: 1px solid #B5B5B5;
|
border: 1px solid #B5B5B5;
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
.main-content {
|
.main-content {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
padding-top: 4.68rem;
|
padding-top: 2.16rem;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
// padding-left: 3.31rem;
|
// padding-left: 3.31rem;
|
||||||
// padding-left: 0rem;
|
// padding-left: 0rem;
|
||||||
|
@ -78,7 +78,7 @@
|
||||||
|
|
||||||
.yellow-btn {
|
.yellow-btn {
|
||||||
min-width: 162px;
|
min-width: 162px;
|
||||||
max-width: 256px;
|
//max-width: 256px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
background: #f7dd72 0% 0% no-repeat padding-box;
|
background: #f7dd72 0% 0% no-repeat padding-box;
|
||||||
|
@ -200,7 +200,7 @@ input[type="text"] {
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
border-radius: 4px 0px;
|
border-radius: 4px 0px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 2.4;
|
line-height: 2.4;
|
||||||
|
|
|
@ -50,7 +50,7 @@ input[type="text"] {
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
border-radius: 4px 0px;
|
border-radius: 4px 0px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 2.4;
|
line-height: 2.4;
|
||||||
|
|
|
@ -50,7 +50,7 @@ input[type="text"] {
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
border-radius: 4px 0px;
|
border-radius: 4px 0px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 2.4;
|
line-height: 2.4;
|
||||||
|
|
|
@ -50,7 +50,7 @@ input[type="text"] {
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
border-radius: 4px 0px;
|
border-radius: 4px 0px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 2.4;
|
line-height: 2.4;
|
||||||
|
|
|
@ -49,7 +49,7 @@ input[type="text"] {
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
border-radius: 4px 0px;
|
border-radius: 4px 0px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 2.4;
|
line-height: 2.4;
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
.main-content {
|
.main-content {
|
||||||
height: 100vh !important;
|
height: 100vh !important;
|
||||||
|
margin-top: -80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.dataset-wizard {
|
.dataset-wizard {
|
||||||
|
@ -239,7 +240,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dmp-label {
|
.dmp-label {
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
|
@ -43,7 +43,7 @@
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
padding-top: 9.68rem;
|
padding-top: 4.68rem;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
padding-right: 3rem;
|
padding-right: 3rem;
|
||||||
|
|
|
@ -118,7 +118,7 @@ input[type="text"] {
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
border-radius: 4px 0px;
|
border-radius: 4px 0px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 2.4;
|
line-height: 2.4;
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dataset-overview {
|
.dataset-overview {
|
||||||
margin-top: 5rem;
|
// margin-top: 5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
// ********ICONS********
|
// ********ICONS********
|
||||||
|
|
|
@ -42,7 +42,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.confirm-btn {
|
.confirm-btn {
|
||||||
width: 84px;
|
min-width: 84px;
|
||||||
height: 43px;
|
height: 43px;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
color: #129d99;
|
color: #129d99;
|
||||||
|
|
|
@ -320,7 +320,7 @@ a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
.dmp-label {
|
.dmp-label {
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
|
@ -42,7 +42,7 @@
|
||||||
border: 1px solid #129d99;
|
border: 1px solid #129d99;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 101px;
|
min-width: 101px;
|
||||||
height: 43px;
|
height: 43px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|
|
@ -23,6 +23,7 @@ a:hover {
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
height: 100vh !important;
|
height: 100vh !important;
|
||||||
|
margin-top: -80px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-item {
|
.menu-item {
|
||||||
|
@ -328,7 +329,7 @@ mat-icon.size-16 {
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 154px;
|
width: 154px;
|
||||||
height: 40px;
|
min-height: 40px;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@ -399,7 +400,7 @@ mat-icon.size-16 {
|
||||||
}
|
}
|
||||||
|
|
||||||
.dmp-label {
|
.dmp-label {
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
color: white;
|
color: white;
|
||||||
|
|
|
@ -98,14 +98,14 @@
|
||||||
border: 1px solid #129d99;
|
border: 1px solid #129d99;
|
||||||
border-radius: 30px;
|
border-radius: 30px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 101px;
|
min-width: 101px;
|
||||||
height: 43px;
|
height: 43px;
|
||||||
color: #129d99;
|
color: #129d99;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
}
|
}
|
||||||
|
|
||||||
.invite-btn-disabled {
|
.invite-btn-disabled {
|
||||||
width: 6.64em;
|
min-width: 6.64em;
|
||||||
height: 2.93em;
|
height: 2.93em;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
border: 1px solid #b5b5b5;
|
border: 1px solid #b5b5b5;
|
||||||
|
|
|
@ -105,7 +105,7 @@
|
||||||
|
|
||||||
.main-content {
|
.main-content {
|
||||||
background-color: #f5f5f5;
|
background-color: #f5f5f5;
|
||||||
padding-top: 9.68rem;
|
padding-top: 4.68rem;
|
||||||
padding-bottom: 3rem;
|
padding-bottom: 3rem;
|
||||||
padding-left: 3rem;
|
padding-left: 3rem;
|
||||||
padding-right: 3rem;
|
padding-right: 3rem;
|
||||||
|
|
|
@ -152,7 +152,7 @@ input[type="text"] {
|
||||||
background: #129d99 0% 0% no-repeat padding-box;
|
background: #129d99 0% 0% no-repeat padding-box;
|
||||||
border-radius: 4px 0px;
|
border-radius: 4px 0px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
width: 67px;
|
min-width: 67px;
|
||||||
height: 37px;
|
height: 37px;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
line-height: 2.4;
|
line-height: 2.4;
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dmp-overview {
|
.dmp-overview {
|
||||||
margin-top: 5rem;
|
//margin-top: 5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
// ********ICONS********
|
// ********ICONS********
|
||||||
|
@ -113,7 +113,8 @@
|
||||||
// ********TEXT********
|
// ********TEXT********
|
||||||
|
|
||||||
.dmp-logo {
|
.dmp-logo {
|
||||||
width: 4.8em;
|
padding: 10px;
|
||||||
|
min-width: 4.8em;
|
||||||
height: 2.6em;
|
height: 2.6em;
|
||||||
background: #129d99;
|
background: #129d99;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
|
|
|
@ -8,5 +8,5 @@ img {
|
||||||
}
|
}
|
||||||
|
|
||||||
.faq-component {
|
.faq-component {
|
||||||
margin-top: 80px;
|
//margin-top: 80px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,5 +9,5 @@ img {
|
||||||
}
|
}
|
||||||
|
|
||||||
.glossary-component {
|
.glossary-component {
|
||||||
margin-top: 80px;
|
//margin-top: 80px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.language-editor {
|
.language-editor {
|
||||||
padding-top: 6em;
|
padding-top: 1em;
|
||||||
padding-bottom: 2em;
|
padding-bottom: 2em;
|
||||||
|
|
||||||
.language-area {
|
.language-area {
|
||||||
|
|
|
@ -9,5 +9,5 @@ img {
|
||||||
}
|
}
|
||||||
|
|
||||||
.terms-component {
|
.terms-component {
|
||||||
margin-top: 80px;
|
//margin-top: 80px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
.user-guide-editor {
|
.user-guide-editor {
|
||||||
padding-top: 5em;
|
//padding-top: 5em;
|
||||||
padding-bottom: 2em;
|
padding-bottom: 2em;
|
||||||
margin-top: 1em;
|
margin-top: 1em;
|
||||||
|
|
||||||
|
|
|
@ -7,5 +7,5 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#userguide {
|
#userguide {
|
||||||
margin: 100px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
.profile {
|
.profile {
|
||||||
height: fit-content;
|
height: fit-content;
|
||||||
margin-top: 80px;
|
//margin-top: 80px;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue