amuse.git

diff --git a/static/style/style.css b/static/style/style.css
index 2550822f6e81065f6a953e0986df05f177a88f03..f648c5337cd455c3bfef0e70e6c4e69668753aad 100644
--- a/static/style/style.css
+++ b/static/style/style.css
@@ -116,12 +116,16 @@ nav input:checked ~ ul {
 	display: block;
 }
 
-.watched-box {
+.watched-box, .watched-box-flex {
 	display: none;
 }
 
 .watched-datetime-check:checked ~ .watched-box {
 	display: block;
+}
+
+.watched-datetime-check:checked ~ .watched-box-flex {
+	display: flex;
 }
 
 * {
@@ -536,6 +540,10 @@ .bottom-4 {
 	bottom: 3.9rem;
 }
 
+.top-m_05 {
+	top: -.05rem;
+}
+
 .top-m_3 {
 	top: -.3rem;
 }
@@ -573,6 +581,10 @@ }
 
 .move-100 {
 	transform: translateY(50%);
+}
+
+.moveX-m50 {
+	transform: translateX(-50%);
 }
 
 .absolute {
@@ -698,6 +710,10 @@ 	animation-timing-function: ease-in-out;
 }
 
 /* HEIGHT */
+
+.height-2_8 {
+	height: 2.8rem
+}
 
 .height-3_3 {
 	height: 3.3rem




diff --git a/templates/tvserie.html b/templates/tvserie.html
index 169749fbb5f1bff40ba53b60b70fafd6536f135c..675ac91d79c7468f7a278f6ea500c9923a580ef3 100644
--- a/templates/tvserie.html
+++ b/templates/tvserie.html
@@ -221,7 +221,14 @@ 											
 											{{else}}
 											<span class="material-icon font-2">&#xe037;</span>
 											{{end}}
-										</button>
+										</button><label for="watched-datetime-check-{{.Episode_code}}" class="cursor-hand bg-accent inline-block font-2 relative top-m_05 height-2_8 text-black">
+											<span class="material-icon">&#xe5cf;</span>
+										</label>
+										<input type="checkbox" id="watched-datetime-check-{{.Episode_code}}" class="display-none watched-datetime-check" name="isOtherTime" value="true"/>
+										<div class="watched-box-flex absolute moveX-m50" id="watched-box-{{.Episode_code}}">
+											<input type="date" name="watchedDate" class="margin-lr-_5 margin-tb-_5 text bg-none border-none" />
+											<input type="time" name="watchedTime" class="margin-lr-_5 margin-tb-_5 text bg-none border-none" />
+										</div>
 									</form>
 									{{end}}
 								</div>