diff --git a/www/css/ui.css b/www/css/ui.css index 6441179..4446c7d 100644 --- a/www/css/ui.css +++ b/www/css/ui.css @@ -17,24 +17,33 @@ main>table.list th{ border-bottom:1px solid #404040; } main>table.list td{ + width:1px; height:100%; - padding:0 1rem 0 1rem; + padding:0 2rem 0 2rem; text-align:center; - white-space: nowrap; + white-space:nowrap; background-color:#303030; color:#f0f0f0; + border-right: 1px solid #383838; } main>table.list td:last-child{ display:flex; flex-flow:row nowrap; align-items:flex-start; justify-content:flex-end; - width: 100%; + width:auto; + + border: 0; } +main>table.list.session td:nth-child(1){ width:10rem; } +main>table.list.session td:nth-child(2){ width:10rem; } + +main>table.list.challenge td:nth-child(2){ width:10rem; } + main>table.list td:last-child>button{ display:block; position:relative; diff --git a/www/js/scene.js b/www/js/scene.js index 8461ca0..1f88df9 100644 --- a/www/js/scene.js +++ b/www/js/scene.js @@ -208,7 +208,7 @@ const SCENES = { let table = document.createElement("table"); table.setAttribute("id", "content"); - table.setAttribute("class", "list"); + table.setAttribute("class", "list session"); MAIN.appendChild(table); SCENE.refresh(); @@ -259,7 +259,7 @@ const SCENES = { let table = document.createElement("table"); table.setAttribute("id", "content"); - table.setAttribute("class", "list"); + table.setAttribute("class", "list session"); MAIN.appendChild(table); SCENE.refresh(); @@ -364,7 +364,7 @@ const SCENES = { let table = document.createElement("table"); table.setAttribute("id", "content"); - table.setAttribute("class", "list"); + table.setAttribute("class", "list session"); MAIN.appendChild(table); SCENE.refresh(); @@ -413,7 +413,7 @@ const SCENES = { let table = document.createElement("table"); table.setAttribute("id", "content"); - table.setAttribute("class", "list"); + table.setAttribute("class", "list session"); MAIN.appendChild(table); SCENE.refresh(); @@ -656,7 +656,7 @@ const SCENES = { let table = document.createElement("table"); table.setAttribute("id", "content"); - table.setAttribute("class", "list"); + table.setAttribute("class", "list challenge"); MAIN.appendChild(table); SCENE.refresh(); @@ -734,7 +734,7 @@ const SCENES = { let table = document.createElement("table"); table.setAttribute("id", "content"); - table.setAttribute("class", "list"); + table.setAttribute("class", "list challenge"); MAIN.appendChild(table); SCENE.refresh();