X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=client%2Fsrc%2Fviews%2FProblems.vue;h=cfc0637eae55458546c86ce35a3e18201b9e956b;hb=84fc0f02d3d399af66c40b3e9994f67b415ffd0e;hp=97e8c8e921881486a45800d883407ee62846d8c9;hpb=feae89d39c446311f78a24b597b6b1ffbf5e1018;p=vchess.git diff --git a/client/src/views/Problems.vue b/client/src/views/Problems.vue index 97e8c8e9..cfc0637e 100644 --- a/client/src/views/Problems.vue +++ b/client/src/views/Problems.vue @@ -1,8 +1,14 @@ @@ -323,27 +443,52 @@ export default { [type="checkbox"].modal+div .card max-width: 767px max-height: 100% + #inputFen width: 100% + textarea width: 100% + #diagram margin: 0 auto max-width: 400px + +table#tProblems + max-height: 100% + +button#loadMoreBtn + display: block + margin: 0 auto + #controls margin: 0 width: 100% text-align: center & > * margin: 0 + +p.oneInstructions + margin: 0 + padding: 2px 5px + background-color: lightgreen + +#myProblems + display: inline-block + #topPage - span + span.vname font-weight: bold padding-left: var(--universal-margin) + span.uname + padding-left: var(--universal-margin) margin: 0 auto & > .nomargin margin: 0 & > .marginleft margin: 0 0 0 15px +@media screen and (max-width: 767px) + #topPage + text-align: center