Merge pull request #5992 from vector-im/luke/tag-panel-beautiful-dnd

CSS required as part of moving TagPanel from react-dnd to react-beautiful-dnd

Author: lukebarnard1

src/skins/vector/css/matrix-react-sdk/structures/_TagPanel.scss

@@ -29,11 +29,13 @@ limitations under the License.
     display: flex;
     flex-direction: column;
     align-items: center;
-    margin-top: 65px;
+    padding-top: 65px;
+
+    flex-grow: 1;
 }
 
 .mx_TagPanel .mx_TagTile {
-    margin: 6px 0px;
+    padding: 6px 3px;
     opacity: 0.5;
 }
 .mx_TagPanel .mx_TagTile:focus,
@@ -44,7 +46,7 @@ limitations under the License.
 
 .mx_TagPanel .mx_TagTile.mx_TagTile_selected {
     /* To offset border of mx_TagTile_avatar */
-    margin: 3px 0px;
+    padding: 3px 0px;
 }
 
 .mx_TagPanel .mx_TagTile.mx_TagTile_selected .mx_TagTile_avatar {