Move the warning message to right side of the file list

Author: shusann01116

templates/crate/source.html

@@ -28,18 +28,7 @@
 {%- block body -%}
     <div class="container package-page-container small-bottom-pad">
         <div class="pure-g">
-            {# If the file exeeded the maximum size, display a warning #}
-            {%- if is_file_too_large -%}
-                <div class="pure-u-1 pure-u-sm-17-24 pure-u-md-19-24">
-                    <div class="warning">
-                        <p>
-                            This file is too large to display.
-                        </p>
-                    </div>
-                </div>
-            {%- endif -%}
-
-            <div id="side-menu" class="pure-u-1 {% if file_content %}pure-u-sm-7-24 pure-u-md-5-24 source-view{% endif %}">
+            <div id="side-menu" class="pure-u-1 {% if file_content or is_file_too_large %}pure-u-sm-7-24 pure-u-md-5-24 {% endif %}{% if file_content %}source-view{% endif %}">
                 <div class="pure-menu package-menu">
                     <ul class="pure-menu-list">
                         {# If we are displaying a file, we also add a button to hide the file sidebar #}
@@ -117,6 +106,17 @@
                 </div>
             </div>
 
+            {# If the file exeeded the maximum size, display a warning #}
+            {%- if is_file_too_large -%}
+                <div id="source-warning" class="pure-u-1 pure-u-sm-17-24 pure-u-md-19-24">
+                    <div class="warning">
+                        <p>
+                            This file is too large to display.
+                        </p>
+                    </div>
+                </div>
+            {%- endif -%}
+
             {# If the file has content, then display it in a codeblock #}
             {%- if file_content -%}
                 <div id="source-code" class="pure-u-1 pure-u-sm-17-24 pure-u-md-19-24">

templates/style/style.scss

@@ -901,4 +901,8 @@ ul.pure-menu-list {
             width: calc(100% - 46px);
         }
     }
+
+    #source-warning {
+        height: 100%;
+    }
 }