I Did A Thing To Wrap My Macro Bar, But Now I Want To Undo It

So, I found this helpful tip in the community forum, that essentially suggested going into the browser's console and adding this:  $('#macrobar_macros').css('white-space', 'normal');   to allow the user to scroll the macro bar vertically.  After using it for a bit, I find that I preferred the side-scrolling, but I can't quite figure out how to undo what I did. I know one of you geniuses can probably help.  Right?

If you just did the console entry it shouldn't carry over from session to session, heck even refreshing your window should clear it. If you are using firefox and using firebug, you'll need to go into firebug to clear it.

Scott C. said: If you just did the console entry it shouldn't carry over from session to session, heck even refreshing your window should clear it. If you are using firefox and using firebug, you'll need to go into firebug to clear it. Chrome, and since it does carry over from session to session, it must be in stylus somewhere.  Hmm.

Eponymous said: Scott C. said: If you just did the console entry it shouldn't carry over from session to session, heck even refreshing your window should clear it. If you are using firefox and using firebug, you'll need to go into firebug to clear it. Chrome, and since it does carry over from session to session, it must be in stylus somewhere.  Hmm. Yep.  Keith's Compact Macro Bar. Well, dang.  I want the compact part, but would love to not have the wobbly vertical scroll (wobbly for me, I'm sure it's fine for other folks).  I assume it's the "white-space: nowrap" line, but I don't know what to do with it: @-moz-document domain("app.roll20.net") { #macrobar {   height: 3.5em !important;   width: 95% !important;   background-color: rgba(0, 0, 0, 0.44) !important;   text-align: justify-all !important;   margin-left: 60px !important; } div.macrobox button.btn {     padding: 0 4px 0 4px;     font-size: 1.5rem;     line-height: 1.8rem;     margin: 0px 0 2px 0; } #macrobar_macros {   white-space: nowrap !important;   margin-left: 1% !important;   margin-right: 1% !important;   padding-bottom: 10px !important; } #macrobar .macrobox {     margin: 1px 5px 1px 5px ; } #macrobar div.macrobox:hover, #macrobar div.macrobox.ui-sortable-helper {     padding-right: 12px;     margin-right: -7px;     border-radius: 3px;     background-color: #999;     cursor: move; } }

Just delete that line. If it turns out the bar doesn't have quite enough height when you do that, you can edit: #macrobar {   height: 3.5em !important; To be a greater height. FWIW, here's the version I use currently: /*macro quickbar */ #macrobar {   height: 2.3em !important;   width: 98% !important;   background-color: rgba(0, 0, 0, 0.44) !important;   text-align: center !important;   margin-left: 10px !important; } div.macrobox button.btn {     padding: 0 4px 0 4px;     font-size: 1.5rem;     line-height: 1.8rem;     margin: 0px 0 2px 0; } #macrobar_macros {   white-space: normal !important;   margin-left: 1% !important;   margin-right: 1% !important;   padding-bottom: 0px !important; } #macrobar .macrobox {     margin: 1px 2px 1px 2px ; } #macrobar div.macrobox:hover, #macrobar div.macrobox.ui-sortable-helper {     padding-right: 12px;     margin-right: -7px;     border-radius: 3px;     background-color: #999;     cursor: move; }

Another way to reduce the macro bar requirements is to right click on the button and change the name. A one character emoji can do a lot of work. Also,  Chat Menus  can greatly increase the efficiency.  Here's a recent iteration of mine:

keithcurtis said: Another way to reduce the macro bar requirements is to right click on the button and change the name. A one character emoji can do a lot of work. Also,&nbsp; Chat Menus &nbsp;can greatly increase the efficiency.&nbsp; Here's a recent iteration of mine: Thanks, Keith!&nbsp; I've been using these tips for a while and it's very helpful.&nbsp; The newer stylus for the compact bar is a bit nicer, too.&nbsp; But my poorly-worded issue is that I'm trying to get rid of the vertical scroll on the quick bar.&nbsp; Maybe it's always been there and I've just become aware of it, but I don't love the way it works.&nbsp; For me, at least, there's a ton of blank space to scroll before getting to the "next line" of buttons, so I really just would prefer to have it all on one line even if I have to scroll way to the right. EDIT:&nbsp; Sorted this out.&nbsp; I had another stylus thing that was causing this: /* ==UserStyle== @name&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Roll20, Edit Macro, full size dialog @namespace&nbsp; &nbsp; &nbsp; USO Archive @author&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;xBladeRunner @description&nbsp; &nbsp; `Modifies: Edit Macro dialog. This makes the dialog large enough to show "Visibility to Players" field.` @version&nbsp; &nbsp; &nbsp; &nbsp; 20191114.5.46 @license&nbsp; &nbsp; &nbsp; &nbsp; CC-BY-SA-4.0 @preprocessor&nbsp; &nbsp;uso ==/UserStyle== */ @-moz-document url("<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>") { /*&nbsp; &nbsp; &nbsp; Roll20, Edit Macro, full size dialog &nbsp; &nbsp; Modifies: Edit Macro dialog &nbsp; &nbsp; This makes the dialog large enough to show "Visibility to Players" field */ div[data-macroid] {&nbsp; &nbsp; &nbsp; height: 400px !important;&nbsp; } div[data-macroid] textarea.macro { &nbsp; &nbsp; height: 75px; } } By changing this to 25px, I eliminated my problem: div[data-macroid] {&nbsp; &nbsp; &nbsp; height: 400px !important;&nbsp; Thanks all, and my apologies for not thoroughly troubleshooting my own mess.