Oliver/Phantom-Ink-Online
0
0
Fork 0
Code Issues Activity

Update styling of text inputs to not overlap the text

Browse source
This commit is contained in:
Oliver-Akins 2020-12-12 16:08:14 -07:00
parent fc441fdf03
commit cd13bae07f
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
web/src/components/GameBoard.vue
View file

@ -153,7 +153,7 @@ export default {
} }
.other-team { .other-team {
text-align: right; text-align: right;
left: -40px; left: -50px;
top: 25%; top: 25%;
} }
@ -176,6 +176,12 @@ input[type="text"] {
outline: none; outline: none;
margin: 7px 0; margin: 7px 0;
border: none; border: none;
width: 95%; width: 90%;
}
input[type="text"].team-answer {
padding-right: 5%;
}
input[type="text"].other-team-answer {
padding-left: 5%;
} }
</style> </style>