change width for goto-rank input field

This commit is contained in:
2019-06-09 14:47:55 +02:00
parent f1b9c7a70c
commit 1b97512735
2 changed files with 10 additions and 2 deletions

View File

@@ -41,6 +41,12 @@ body{
margin-right: 10px; margin-right: 10px;
} }
.input-field-number{
float: left;
margin-right: 10px;
width: 100px;
}
/* #################### LEADERBOARDS ##################### */ /* #################### LEADERBOARDS ##################### */
.leaderboard-container{ .leaderboard-container{
width: 80%; width: 80%;

View File

@@ -12,8 +12,10 @@
<button id="button-first" type="button" onclick=firstPage() <button id="button-first" type="button" onclick=firstPage()
class=top-button>Top 100 </button> class=top-button>Top 100 </button>
<input id="getPlayer" type="text" class=input-field placeholder="search player..."> <input id="getPlayer" type="text" class=input-field
<input id="gotoRank" type="number" class=input-field placeholder="goto rank..."> placeholder="search player...">
<input id="gotoRank" type="number" class=input-field-number
placeholder="goto rank...">
</div> </div>
<div class=leaderboard-container> <div class=leaderboard-container>
<div class=colum-names>{{ columNames }}</div> <div class=colum-names>{{ columNames }}</div>