WhiteForest Portrait Mode Enabler

WhiterForestPortraitMode.css

/* ==UserStyle==
@name           TheSerfs.tv Portrait Mode Enabler
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    Adds portait mode layout support to theserfs.tv
@author         Rohaq
==/UserStyle== */
@-moz-document domain("theserfs.tv") {
  @media (orientation: portrait) {
    body#bigscreen #bigscreen-layout.chat-right {
      flex-direction: column;
    }
    
    body#bigscreen #bigscreen-layout.chat-left {
      flex-direction: column-reverse;
    }

    body#bigscreen #stream-panel {
      flex-direction: row;
      width: 100%;
    }
    
    body#bigscreen #chat-panel {
      flex-direction: row;
      width: 100% !important;
      min-height: 500px;
      flex-grow: 1;
    }
    
    #chat-panel-resize-bar {
      display: none;
    }
  }
}