Rearrange user interface

server.R

@@ -86,17 +86,21 @@ server <- function(input, output) {
     output$genes <- renderDT({
         method_ids <- sapply(methods, function(method) method$id)
         method_names <- sapply(methods, function(method) method$name)
-        columns <- c("rank", "gene", "name", method_ids, "score")
+        columns <- c("rank", "gene", "name", "chromosome", method_ids, "score")
-        column_names <- c("", "Gene", "", method_names, "Score")
+        column_names <- c("", "Gene", "", "Chromosome", method_names, "Score")
 
         dt <- datatable(
             results()[, ..columns],
             rownames = FALSE,
             colnames = column_names,
             style = "bootstrap",
+            extensions = "Scroller",
             options = list(
                 rowCallback = js_link,
-                columnDefs = list(list(visible = FALSE, targets = 2))
+                columnDefs = list(list(visible = FALSE, targets = 2)),
+                deferRender = TRUE,
+                scrollY = 200,
+                scroller = TRUE
             )
         )
 

ui.R

@@ -8,9 +8,9 @@ source("methods.R")
 ui <- fluidPage(
     rclipboardSetup(),
     titlePanel("TPE-OLD candidates"),
-    column(
+    sidebarLayout(
+        sidebarPanel(
             width = 3,
-        wellPanel(
             h3("Filter criteria"),
             selectInput(
                 "species",
@@ -20,9 +20,16 @@ ui <- fluidPage(
                     "All qualified" = "all"
                 )
             ),
-            uiOutput("n_species_slider")
+            uiOutput("n_species_slider"),
+            sliderInput(
+                "cutoff",
+                "Cut-off score",
+                post = "%",
+                min = 0,
+                max = 100,
+                step = 1,
+                value = 50
             ),
-        wellPanel(
             h3("Ranking"),
             lapply(methods, function(method) {
                 sliderInput(
@@ -35,21 +42,12 @@ ui <- fluidPage(
                     value = 100
                 )
             }),
-            sliderInput(
-                "cutoff",
-                "Cut-off score",
-                post = "%",
-                min = 0,
-                max = 100,
-                step = 1,
-                value = 50
-            ),
             checkboxInput(
                 "penalize",
                 "Penalize missing values"
-            )
             ),
-        wellPanel(
+        ),
+        mainPanel(
             h3("Results"),
             textOutput("synposis"),
             div(
@@ -57,14 +55,9 @@ ui <- fluidPage(
                 uiOutput("copy")
             ),
             div(
-                style = "overflow-x: auto; overflow-y: auto; margin-top: 16px",
+                style = "margin-top: 16px",
                 DTOutput("genes")
-            )
-        )
             ),
-    column(
-        width = 8,
-        wellPanel(
             h3("Gene positions"),
             p("This plot shows the selected genes' distance to the telomeres \
                 across species. It visualizes how certain genes have \
@@ -79,9 +72,7 @@ ui <- fluidPage(
                         height = "600px"
                     )
                 )
-            )
             ),
-        wellPanel(
             h3("Gene set enrichment analysis"),
             checkboxInput(
                 "enable_gost",