Various cosmetic fixes

This commit is contained in:
Claude Brisson
2024-04-13 12:09:01 +02:00
parent 8b27970dfd
commit 3e6cac3eed
4 changed files with 33 additions and 23 deletions

View File

@@ -35,6 +35,13 @@
text-align: center; text-align: center;
} }
.note {
padding-left: 0.5em;
font-size: 0.8em;
font-weight: normal;
font-style: italic;
}
.nobreak { .nobreak {
white-space: nowrap; white-space: nowrap;
} }

View File

@@ -42,6 +42,9 @@
&.centered { &.centered {
align-items: center; align-items: center;
} }
&.right {
align-items: flex-end;
}
} }
.inline.fields { .inline.fields {
background-color: #eeeeee; background-color: #eeeeee;

View File

@@ -2,19 +2,12 @@
<form id="tournament-infos" class="ui form #if(!$tour)edit#end"> <form id="tournament-infos" class="ui form #if(!$tour)edit#end">
<div class="roundbox"> <div class="roundbox">
<div class="two stackable fields"> <div class="two stackable fields">
<div class="eleven wide field"> <div class="eight wide field">
<label>Name</label> <label>Name</label>
<span class="info"></span> <span class="info"></span>
<input type="text" name="name" required placeholder="Tournament name" #if($tour) value="$tour.name" #end/> <input type="text" name="name" required placeholder="Tournament name" #if($tour) value="$tour.name" #end/>
</div> </div>
<div class="five wide field"> <div class="right eight wide field">
<label>Short name</label>
<span class="info"></span>
<input type="text" name="shortName" required placeholder="yyyymmdd-city" #if($tour) value="$tour.shortName" #end/>
</div>
</div>
<div class="fields">
<div class="eight wide field">
<label>Dates</label> <label>Dates</label>
<span id="date-range"> <span id="date-range">
from from
@@ -25,14 +18,9 @@
<input type="text" name="endDate" required class="date" placeholder="end date" #if($tour) value="$tour.endDate" #end/> <input type="text" name="endDate" required class="date" placeholder="end date" #if($tour) value="$tour.endDate" #end/>
</span> </span>
</div> </div>
<div class="eight wide field">
<label>Director</label>
<span class="info"></span>
<input type="text" name="director" placeholder="Tournament director" #if($tour) value="$!tour.director" #end/>
</div>
</div> </div>
<div class="two stackable fields"> <div class="two stackable fields">
<div class="seven wide field"> <div class="eight wide field">
<label>Country</label> <label>Country</label>
<span class="info"></span> <span class="info"></span>
<select name="country" placeholder="country"> <select name="country" placeholder="country">
@@ -43,7 +31,7 @@
#end #end
</select> </select>
</div> </div>
<div class="nine wide field"> <div class="right eight wide field">
<label>Location</label> <label>Location</label>
<div class="edit online"> <div class="edit online">
<label> <label>
@@ -54,6 +42,18 @@
<input name="location" type="text" placeholder="tournament location" value="#if($tour)$!tour.location#end"/> <input name="location" type="text" placeholder="tournament location" value="#if($tour)$!tour.location#end"/>
</div> </div>
</div> </div>
<div class="fields">
<div class="eight wide field">
<label>Director</label>
<span class="info"></span>
<input type="text" name="director" placeholder="Tournament director" #if($tour) value="$!tour.director" #end/>
</div>
<div class="right eight wide field">
<label>Short name</label>
<span class="info"></span>
<input type="text" name="shortName" required placeholder="yyyymmdd-city" #if($tour) value="$tour.shortName" #end/>
</div>
</div>
</div> </div>
<div class="roundbox"> <div class="roundbox">
<div class="two fields"> <div class="two fields">
@@ -73,7 +73,7 @@
*# *#
</select> </select>
</div> </div>
<div class="four wide field"> <div class="right four wide field">
<label>Rounds</label> <label>Rounds</label>
<span class="info"></span> <span class="info"></span>
<input type="number" name="rounds" required min="1" value="#if($tour)$tour.rounds#{else}1#end"/> <input type="number" name="rounds" required min="1" value="#if($tour)$tour.rounds#{else}1#end"/>

View File

@@ -186,18 +186,18 @@
</div> </div>
<div class="two stackable fields"> <div class="two stackable fields">
<div class="eight wide field"> <div class="eight wide field">
<label>Rank</label> <label>Rating</label>
<span class="info"></span>
<input name="rating" type="text" class="numeric"/>
</div>
<div class="eight wide field">
<label>Rank<span class="note">initialized from rating</span></label>
<span class="info"></span> <span class="info"></span>
<select name="rank"> <select name="rank">
<option></option> <option></option>
#levels() #levels()
</select> </select>
</div> </div>
<div class="eight wide field">
<label>Rating</label>
<span class="info"></span>
<input name="rating" type="text" class="numeric"/>
</div>
</div> </div>
<div class="inline fields"> <div class="inline fields">
<label>Final ?</label> <label>Final ?</label>