Fix css to keep backpack bar in view

src/components/asset-panel/asset-panel.css

@@ -16,4 +16,5 @@
     flex-grow: 1;
     flex-shrink: 1;
     border-left: 1px solid $ui-black-transparent;
+    overflow-y: auto;
 }

src/components/gui/gui.css

@@ -132,7 +132,6 @@
 .tabs {
     position: relative;
     flex-grow: 1;
-    flex-shrink: 0;
     display: flex;
     flex-direction: column;
 }
@@ -140,7 +139,6 @@
 .tab-panel {
     position: relative;
     flex-grow: 1;
-    flex-shrink: 0;
     display: none;
 }
 

test/integration/backpack.test.js

@@ -34,6 +34,10 @@ describe('Working with the how-to library', () => {
     test('Backpack can be expanded with backpack host param', async () => {
         await loadUri(`${uri}?backpack_host=some-value`);
         await clickXpath('//button[@title="tryit"]');
+
+        // Try activating the backpack from the costumes tab to make sure it isn't pushed off
+        await clickText('Costumes');
+
         // Check that the backpack header is visible and wrapped in a coming soon tooltip
         await clickText('Backpack'); // Not wrapped in tooltip
         await clickText('Backpack is empty'); // Make sure it can expand, is empty