new buttons for mobile~~

This commit is contained in:
Ashley 2023-11-17 13:51:35 +00:00
parent 9ef3d9e78e
commit 11221fcacc

View file

@ -255,7 +255,7 @@ body {
} }
.new-button { .new-button {
background: #0009; background: #0009;
border-radius:0.5em; border-radius: 1.5em;
padding-right: 1em; padding-right: 1em;
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -264,11 +264,14 @@ body {
width: max-content; width: max-content;
margin-top: 4px; margin-top: 4px;
margin-left: 3px; margin-left: 3px;
margin-right:0 margin-right: 0;
border: solid 0.5px #333;
} }
.pill-button { .pill-button {
margin-left: 1em; margin-left: 1em;
font-family:ubuntu,sans-serif font-family: 'PokeTube Flex';
font-stretch: ultra-expanded;
font-weight: 800;
} }
.vertical { .vertical {
border-left:1px solid gray; border-left:1px solid gray;
@ -1742,7 +1745,7 @@ a.icon-link>i {
background:#fff; background:#fff;
border-radius:2em; border-radius:2em;
text-transform:initial; text-transform:initial;
font-weight:900; font-weight:1000;
padding:10px 16px; padding:10px 16px;
border:none; border:none;
margin-left:.5em; margin-left:.5em;
@ -1768,11 +1771,13 @@ h3 {
ptd-custom-more { ptd-custom-more {
color:#fff color:#fff
} }
@media screen and (orientation:landscape) { @media screen and (orientation:landscape) {
.ptnewbuttons { .ptnewbuttons {
margin-left:auto; margin-left:auto;
width:fit-content; width:fit-content;
width:-moz-fit-content; width:-moz-fit-content;
overflow:scroll;
max-width:150em!important; max-width:150em!important;
margin-right: auto !important; margin-right: auto !important;
} }