Giters

StanfordSNR / puffer

Puffer is a free live TV streaming website and a research study at Stanford using machine learning to improve video streaming

Home Page:https://puffer.stanford.edu

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Support wide layout in web frontend

dveeden opened this issue · comments

commented

Currently the layout has the video on the left and a column of channels on the right.
image

I would propose something like this:
image

This was done with the Firefox developer tools:

  • Change the width of .col-md-9 from 75% to 100%. This is for the video div.
  • Change the width of .col-md-3 from 25% to 100%. This is for the channel list div.
  • Change .list-group from flex-direction: column to flex-direction: row.

This allows the video to be slightly larger without having to use the pop-out feature of the browser.