Google News Layout Adjustments

Remove column gaps and restore full article previews in Google News search only

  1. // ==UserScript==
  2. // @name Google News Layout Adjustments
  3. // @description Remove column gaps and restore full article previews in Google News search only
  4. // @match https://www.google.com/search?*tbm=nws*
  5. // @run-at document-start
  6. // @version 0.0.1.20250505110013
  7. // @namespace https://greasyfork.org/users/1435046
  8. // ==/UserScript==
  9.  
  10. (function () {
  11. const css = ` .UFQ0Gb {
  12. column-gap: 0 !important;
  13. }
  14.  
  15. .lSfe4c {
  16. flex-direction: column-reverse !important;
  17. }
  18.  
  19. .r5bEn .gpjNTe {
  20. margin: 0 !important;
  21. }
  22.  
  23. .gpjNTe {
  24. display: block !important;
  25. }
  26.  
  27. .SoAPf {
  28. max-width: 290px !important;
  29. width: 100% !important;
  30. }
  31.  
  32. .SoAPf .n0jPhd,
  33. .SoAPf .GI74Re {
  34. display: block !important;
  35. -webkit-line-clamp: unset !important;
  36. -webkit-box-orient: unset !important;
  37. overflow: visible !important;
  38. text-overflow: unset !important;
  39. white-space: normal !important;
  40. }
  41. `;
  42. const style = document.createElement('style');
  43. style.textContent = css;
  44. document.head.appendChild(style);
  45. })();