Google Data Studio Widescreen by aom

/* ==UserStyle==
@name         Google Data Studio Widescreen
@version      20220630.11.38
@namespace    userstyles.world/user/aom
@description  Make the right panel wider in Google Data Studio's edit mode

@author       aom
@license      No License
==/UserStyle== */

@-moz-document regexp("https://datastudio.google.com/u/0/reporting/.*/edit") {
/*
  Make the right panel wider in Google Data Studio's edit mode
  (Very much WIP, might break some UI elements in Google Data Studio)
*/

.side-panel.double-panel {
  width: 600px;
}

.ng2-side-panel .mat-drawer {
  width: 600px;
}

property-panel .ga-form {
    width: 300px;
}
.previewItem {
    width: 600px !important;
    text-align: left !important;
    
}
.filter-concept-menu-container {
    width: 300px;
}
.filter-concept-menu-container .concept-search-bar .search-input input {
    width: 300px;
}

.filter-concept-menu-container .concept-name.in-chip .concept-chip, .filter-concept-menu-container .concept-name.in-chip .parameter-chip {
    width: calc(300px - 10px);
}

.side-panel.double-panel filter-list .filter-item .filter-chip, .side-panel.double-panel filter-list .list .list-item.chipstyle {
    width: 300px;
}

._md-panel-shown .md-panel {
    right: 4px;
    left: unset !important;
}

.lego-reporting-view .mainBlock .alignHolder {
    position: absolute;
    left: 0px;
    transform: scale(0.8) translate(-140px, -110px);
}

}