New Homepage design

[hek]

I could add some padding between the two lower sections.. just a sec, lets try it.

[hek]

5% padding added (not sure how much it helps on your screen though) and moved menu to the right.

[cimba007]

I would be more happy with 10-15% but I think I can live with it. Would be even more awesome if this could be set as a "preference" on a per user basis .. but this would be too much to ask :)

PS: Can u tell me where you have added the padding? (in the css file?!)

[hek]

10% och each side is way too much on smaller screens.

You'll have to greasemonkey in your padding changes on the #content div.

Or simply remove the width: 100% !important on it to get the old behaviour back (but that also affects the menu... which might not a problem for your screen size).

[cimba007]

@hek said:

#content div

Yep .. I am just heading for greasemonkey

[cimba007]

This is just "balm for the eyes" .. I can absolutelty life with tinkering with greasemoneky ;-)

[hek]

Haha, have fun redesigning sites ;)

[Anticimex]

@cimba007 @hek and it was much rejoicing

[cimba007]

Sorry for stirring up so you guys at this late hour .. but .. I only strive to improve mysensors (with my stupid comments and ideas :D) as I really like the library, the controller, the site ;-)

[hek]

No problem, feedback is always appreciated!

[cimba007]

Well .. overwriting an !important doesn't seem to be this easy .. :D

The best I could come up with:

// ==UserScript==
// @name         New Userscript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        https://forum.mysensors.org/*
// @grant        none
// ==/UserScript==

function addNewStyle(newStyle) {
    var styleElement = document.getElementById('styles_js');
    if (!styleElement) {
        styleElement = document.createElement('style');
        styleElement.type = 'text/css';
        styleElement.id = 'styles_js';
        document.getElementsByTagName('head')[0].appendChild(styleElement);
    }
    styleElement.appendChild(document.createTextNode(newStyle));
}

(function() {
    'use strict';
    // Your code here...
    addNewStyle('.container { width: 55% !important;}');
    //$(".container").removeAttr("width");
})();