fix structures iframe style

ot_templating/Resources/Public/assets/Classic/script/structures.js

@@ -803,6 +803,9 @@ $(document).ready(function() {
             // show map
             structureFrameDetails.find('#structure-details-map').first().show();
         }
+
+        // ux fix: don't know why, but the topbar is above the screen without this
+        structureFrameDetails.scrollTop(0);
     }
 
     structureFrame.on('click', '.structure-see', function(e) {

ot_templating/Resources/Public/assets/Classic/style/module/_structuresframe.scss

@@ -280,6 +280,7 @@ $input-border-color: #bfbfbf;
   .structure-practices {
     display: flex;
     flex-direction: row;
+    flex-wrap: wrap;
     min-height: 18px;
   }
 
@@ -287,7 +288,7 @@ $input-border-color: #bfbfbf;
     background-color: #d9d9d9;
     color: #262626;
     font-size: 11px;
-    margin-right: 4px;
+    margin: 1px 4px 1px 0;
     padding: 1px 5px 3px 5px;
     height: 16px;
     border-radius: 6px;