MDL-55805 theme_noname: Arrangments for the choosers

Part of MDL-55071

theme/noname/scss/moodle/core.scss

@@ -1270,15 +1270,13 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 .jschooser .choosercontainer #chooseform .alloptions {
     overflow-x: hidden;
     overflow-y: auto;
-    max-width: 20.3em;
-    @include box-shadow(inset 0 0 30px 0px #ccc);
+    max-width: 240px;
     .option {
         input[type=radio] {
             display: inline-block;
         }
         .typename {
             display: inline-block;
-            width: 65%;
         }
     }
 }
@@ -1298,6 +1296,9 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 .choosercontainer #chooseform .nonoption .typename {
     padding: 0 0 0 0.5em;
 }
+.choosercontainer #chooseform .modicon + .typename {
+    padding-left: 0;
+}
 
 .choosercontainer #chooseform .option input[type=radio],
 .choosercontainer #chooseform .option span.typename {
@@ -1305,9 +1306,14 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 }
 .choosercontainer #chooseform .option label {
     display: block;
-    padding: 0.3em 0 0.1em 0;
+    margin: 0;
+    padding: ($spacer / 2) 0;
     border-bottom: 1px solid #FFFFFF;
 }
+.choosercontainer #chooseform .option .icon {
+    margin: 0;
+    padding: 0 $spacer;
+}
 .choosercontainer #chooseform .nonoption {
     padding-left: 2.7em;
     padding-top: 0.3em;
@@ -1328,7 +1334,7 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
     top: 0;
     right: 0;
     bottom: 0;
-    left: 20.3em;
+    left: 240px;
     margin: 0;
     padding: 1.6em;
     background-color: #fff;
@@ -1343,7 +1349,12 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 }
 .choosercontainer #chooseform .selected {
     background-color: #fff;
-    @include box-shadow(0px 0 10px 0 #ccc);
+    margin-top: -1px;
+    padding-top: 1px;
+}
+.chooserdialogue-course-modchooser .modicon .icon {
+    width: 24px;
+    height: 24px;
 }
 /* Form element: listing */
 .formlistingradio {