Custom CSS to expand input fields in Google Analytics configuration interface

ga-fields.css

/* 
Expands the width of input fields in the GA v5 Interface
use within the Firefox Stylish extension 
https://addons.mozilla.org/en-US/firefox/addon/stylish/?src=external-userstyleshome
or Google Chrome Stylish extension 
https://chrome.google.com/webstore/detail/fjnbnpbmkenffdnngjfgmeleoegfcffe

initial code from Olaf Calderon <@blastam.com>
owner Olivier VIT @ resoneo.com

https://gist.github.com/googleanalyticsresoneo/1817586
*/

@-moz-document url-prefix(https://www.google.com/analytics/) {


/* Alerts */
input.ID-alertName,
/*Filter*/
input.ID-name,
input.ID-filterExpressionValue,

/*Goals*/
input.TARGET-goalUrl,
/*Profile Settings*/
input.M_FORM_TEXTINPUT_WIDTH,
input.ID-excludeQuery,
input.ID-siteSearchCategoryParam,
input.ID-siteSearchQuery,
input.DR,
input.Ib,
/*Funnel*/
input.ID-stepPath,
/*Advanced filters in reports*/
input[class*="ID-expression-"]
{
   width: 650px !important;
}

/* Filter other fields, smaller */
input.ID-searchStringValue,
input.ID-replaceStringValue,
input.ID-customFilterCExpression,
input.ID-customFilterAExpression,
input.ID-customFilterBExpression
{
   width: 250px !important;
}
/* Filter in reports */
input.ID-filterBox,
input.ID-segmentName,
input.ET
{
   width: 450px !important;
}
    /* compact left hand menu height*/
    a._GAg,div._GAgr,._GAVe {
        padding-top: 1px  !important;
         padding-bottom: 2px  !important;
        margin-bottom:1px !important;
    }
    div._GAvb {
    margin-bottom:0px !important;
    }
    
}

updated for the new Admin interface

updated with left hand menu gandling to make it vertically more compact