Skip to content

Commit

Permalink
Fix the website design on small screens (#253)
Browse files Browse the repository at this point in the history
  • Loading branch information
AhmedBasem20 authored and unkcpz committed Aug 17, 2023
1 parent 6a38077 commit 4c86205
Showing 1 changed file with 45 additions and 0 deletions.
45 changes: 45 additions & 0 deletions aiida-registry-app/src/App.css
Original file line number Diff line number Diff line change
Expand Up @@ -428,3 +428,48 @@ ul.plugin-info li:before {
content: "→";
padding-right: 5px;
}

@media only screen and (min-width : 150px) and (max-width : 780px)
{
.globalsummary-box
{
width:90%;
padding:1px;
margin: 20px 0px 20px 0px;
padding-left: 4px;
padding-right: 4px;
}

.globalsummary-box .badge
{
float: left;
}
#entrylist h1 {
font-size: 25px;
}

.submenu-entry
{
width:70%;
min-height:140px;
padding:10px;
margin: 10px;
padding-left: 40px;
padding-right: 40px;
overflow: auto;
}
header
{
max-width: 100vw;
}
#details {
width: 100%;
}
#detailsContainer {
margin-left: 5px;
}
.footer
{
width: calc(100% - 70px) !important;
}
}

0 comments on commit 4c86205

Please sign in to comment.