From e119bf6f2b5aae44adce413f80f8dd2948dc903b Mon Sep 17 00:00:00 2001
From: Frederic Massart <fred@moodle.com>
Date: Tue, 30 Aug 2016 18:16:51 +0800
Subject: [PATCH] MDL-55805 theme_noname: Arrangments for the choosers

Part of MDL-55071
---
 theme/noname/scss/moodle/core.scss | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/theme/noname/scss/moodle/core.scss b/theme/noname/scss/moodle/core.scss
index ddc567d168d..10a93006f2e 100644
--- a/theme/noname/scss/moodle/core.scss
+++ b/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 {