MDL-46127 core_calendar: Removed tables when rendering a single event

theme/bootstrapbase/less/moodle/calendar.less

@@ -159,34 +159,38 @@
             }
         }
         .eventlist {
+            margin: 0;
+
             .event {
-                width: 100%;
+                width: 92%;
                 border-spacing: 0;
                 border-collapse: separate;
                 position: relative;
-                padding: 19px;
+                padding: 20px 4%;
                 margin-bottom: 20px;
                 background-color: lighten(@wellBackground, 3%);
                 border: 1px solid darken(@wellBackground, 7%);
                 .border-radius(@baseBorderRadius);
                 .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
-                .picture {
-                    vertical-align: text-top;
+                list-style-type: none;
+
+                > img {
+                    padding-top: 3px;
+                    float: left;
                 }
-                .topic {
-                    .name {
-                        font-size: @fontSizeLarge;
-                        font-weight: 200;
-                        line-height: 24px;
-                        float: left;
-                    }
-                    .name,
-                    .course {
-                        margin-bottom: 5px;
-                    }
-                    .date {
-                        float: right;
-                    }
+                .name {
+                    font-size: @fontSizeLarge;
+                    font-weight: 200;
+                    line-height: 24px;
+                    float: left;
+                    margin: 0;
+                }
+                .name,
+                .course {
+                    margin-bottom: 5px;
+                }
+                .date {
+                    float: right;
                 }
                 .course,
                 .subscription {
@@ -199,6 +203,7 @@
                 .description {
                     background-color: @white;
                     padding: 5px;
+                    clear: both;
                     .commands {
                         position: absolute;
                         right: 0;
@@ -207,6 +212,9 @@
                     }
                 }
                 .commands {
+                    position: absolute;
+                    top: 2px;
+                    right: 2px;
                     a {
                         margin: 0 3px;
                     }
@@ -257,13 +265,14 @@
         }
         .eventlist {
             .event {
-                .topic {
-                    .name {
-                        float: right;
-                    }
-                    .date {
-                        float: left;
-                    }
+                > img {
+                    float: right;
+                }
+                .name {
+                    float: right;
+                }
+                .date {
+                    float: left;
                 }
                 .description {
                     .commands {
@@ -276,6 +285,10 @@
                     float: right;
                     clear: right;
                 }
+                .commands {
+                    left: 2px;
+                    right: inherit;
+                }
             }
         }
     }