fix(style): modules page

frappe/public/js/frappe/modules/Modules.vue

@@ -11,15 +11,18 @@
                 <div class="modules-container">
                     <div v-for="module in modules_by_categories[category]"
                         :key="module.name"
-                        class="border module-box level"
+                        class="border module-box flush-top"
                         @click="update_state(module.module_name, module.label)"
                     >
                         <div class="icon-box">
                             <span><i class="icon text-extra-muted" :class="module.icon"></i></span>
                         </div>
                         <div class="module-box-content">
-                            <h4 class="h4"> {{ module.label }} </h4>
-                            <p class="small"> {{ module.description }} </p>
+                            <h4 class="h4"> 
+                                {{ module.label }} 
+                                <span class="indicator orange"></span>
+                            </h4>
+                            <p class="small text-muted"> {{ module.description }} </p>
                         </div>
                     </div>
                 </div>
@@ -84,8 +87,9 @@ export default {
     padding-bottom: 30px;
 }
 
-.module-category {
-    margin-top: 20px;
+.module-category {    
+    margin-top: 30px;
+    margin-bottom: 15px;
     border-bottom: 1px solid #d0d8dd;
 }
 
@@ -120,8 +124,8 @@ export default {
 }
 
 .icon-box {
-    padding: 0px 30px;
-    width: 62px;
+    padding: 15px;
+    width: 54px;
     display: flex;
     justify-content: center;
 }

frappe/public/js/frappe/modules/modules_home.js

@@ -1,6 +1,6 @@
 import Modules from './Modules.vue';
 
-frappe.provide('frappe.social');
+frappe.provide('frappe.modules');
 
 frappe.modules.Home = class {
 	constructor({ parent }) {
@@ -12,8 +12,7 @@ frappe.modules.Home = class {
 	make_body() {
 		this.$modules_container = this.$parent.find('.layout-main');
 		frappe.require('/assets/js/frappe-vue.min.js', () => {
-			Vue.prototype.__ = window.__;
-			Vue.prototype.frappe = window.frappe;
+			Vue.prototype.__ = window.__; 
 			new Vue({
 				el: this.$modules_container[0],
 				render: h => h(Modules)

frappe/public/js/frappe/toolbar.js

@@ -21,7 +21,7 @@ $(document).on("toolbar_setup", function() {
 
 	if(limits.space || limits.users || limits.expiry || limits.emails) {
 		help_links = [];
-		help_links.push('<li><a href="#usage-info">' + frappe._('Usage Info') + '</a></li>');
+		help_links.push('<li class="usage-info-link"><a href="#usage-info">' + frappe._('Usage Info') + '</a></li>');
 		help_links.push('<li class="divider"></li>');
 		$(help_links.join("\n")).insertBefore($("#toolbar-user").find("li:first"));
 	}