Fix margins and pairing page layout
This commit is contained in:
@@ -67,7 +67,7 @@
|
|||||||
flex: 1;
|
flex: 1;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
#inner {
|
#inner {
|
||||||
max-width: clamp(800px, 80vw, 100vw);
|
/* max-width: clamp(800px, 80vw, 100vw); */
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: column nowrap;
|
flex-flow: column nowrap;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
@@ -167,7 +167,7 @@
|
|||||||
min-height: 30vh;
|
min-height: 30vh;
|
||||||
max-height: 60vh;
|
max-height: 60vh;
|
||||||
min-width: 20vw;
|
min-width: 20vw;
|
||||||
max-width: 40vw;
|
max-width: max(30vw, 15em);
|
||||||
border: solid 2px darkgray;
|
border: solid 2px darkgray;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 1em 0.5em;
|
padding: 1em 0.5em;
|
||||||
@@ -203,6 +203,7 @@
|
|||||||
justify-content: start;
|
justify-content: start;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
|
max-width: max(10em, 20vw);
|
||||||
}
|
}
|
||||||
#unpairables {
|
#unpairables {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -215,6 +216,13 @@
|
|||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
|
flex-shrink: 1;
|
||||||
|
max-width: max(300px, 60vw);
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#paired {
|
||||||
|
max-width: max(50vw, 20em);
|
||||||
}
|
}
|
||||||
|
|
||||||
.choose-round.button {
|
.choose-round.button {
|
||||||
|
@@ -104,8 +104,6 @@
|
|||||||
<button class="ui gray floating cancel button">Cancel</button>
|
<button class="ui gray floating cancel button">Cancel</button>
|
||||||
<button class="ui blue floating button">EGF</button>
|
<button class="ui blue floating button">EGF</button>
|
||||||
<button class="ui blue floating button">FFG</button>
|
<button class="ui blue floating button">FFG</button>
|
||||||
<button class="ui blue floating button">PDF</button>
|
|
||||||
<button class="ui blue floating button">HTML</button>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
Reference in New Issue
Block a user