☰

MTurk Dashboard Style

Improve MTurk dashboard's layout/style.

  1. // ==UserScript==
  2. // @name        MTurk Dashboard Style
  3. // @version     0.1.4
  4. // @description Improve MTurk dashboard's layout/style.
  5. // @author      parseHex
  6. // @namespace   https://greasyfork.org/users/8394
  7. // @match       https://worker.mturk.com/dashboard*
  8. // @grant       GM_addStyle
  9. // @run-at      document-start
  10. // ==/UserScript==
  11.  
  12. (function () {
  13. 'use strict';
  14.  
  15. const prefix = '#MainContent > .row';
  16. const activityColumn = prefix + ' > .col-md-8';
  17. const otherColumn = prefix + ' > .col-md-4';
  18.  
  19. const css = `
  20. ${activityColumn} {
  21. 	right: 0;
  22. 	width: 40%;
  23. 	padding-left: 0;
  24. 	padding-right: 0;
  25. }
  26.  
  27. /* activity column title and table */
  28. ${activityColumn} > .m-b-md > .col-xs-12 {
  29. 	padding-left: 0;
  30. }
  31.  
  32. ${otherColumn} {
  33. 	left: 0;
  34. 	width: 60%;
  35. 	padding-left: 0;
  36. 	padding-right: 0;
  37. }
  38.  
  39. ${otherColumn} .row.m-b-xl {
  40. 	display: inline-block;
  41. 	width: 50%;
  42. 	float: left;
  43. 	position: relative;
  44. 	min-height: 1px;
  45. 	padding-left: 0.7142rem;
  46. 	padding-right: 0.7142rem;
  47. }
  48.  
  49. ${otherColumn} #dashboard-hits-overview .col-xs-12 {
  50. 	padding-right: 0;
  51. }
  52. `;
  53.  
  54. function init() {
  55. 	GM_addStyle(css);
  56. }
  57.  
  58. init();
  59.  
  60. }());