fix: Fixing Overlapping Components in Manage Events (#3241)

* Fixing Overlapping Components

* Fixing Overlapping Components

Author: kushthedude

app/controllers/events/list.js

@@ -10,6 +10,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
       {
         name            : 'Name',
         valuePath       : 'name',
+        width           : 150,
         isSortable      : true,
         extraValuePaths : ['startsAt', 'endAt'],
         headerComponent : 'tables/headers/sort',
@@ -34,6 +35,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
       {
         name          : 'Roles',
         valuePath     : 'roles',
+        width         : 180,
         cellComponent : 'ui-table/cell/cell-roles',
         isSortable    : false
       },
@@ -60,6 +62,7 @@ export default class extends Controller.extend(EmberTableControllerMixin) {
       {
         name          : 'Public URL',
         valuePath     : 'url',
+        width         : 250,
         cellComponent : 'ui-table/cell/cell-link',
         isSortable    : false
       }

app/extensions/ember-table/template.hbs

@@ -1,10 +1,9 @@
-<div class="resize-container">
-  <table class="ui unstackable table">
-    {{yield (hash
-              api=api
-              head=(component "ember-thead" api=api)
-              body=(component "ember-tbody" api=api)
-              foot=(component "ember-tfoot" api=api)
-            )}}
-  </table>
-</div>
+
+<table class="ui unstackable table">
+  {{yield (hash
+           api=api
+           head=(component "ember-thead" api=api)
+           body=(component "ember-tbody" api=api)
+           foot=(component "ember-tfoot" api=api)
+         )}}
+</table>