bibaldo / MMM-COVID19

MIT License
34 stars 28 forks source link

Any way to tighten up some of the columns? #32

Closed Clifford10 closed 4 years ago

Clifford10 commented 4 years ago

I'm not a css guy, so I'm hoping someone can help me to get the grid a bit more compact.

https://imgur.com/Zm4GUFB

bibaldo commented 4 years ago

@Clifford10 please copy and paste here your config file.

Clifford10 commented 4 years ago
/* Magic Mirror Config Sample
 *
 * By Michael Teeuw http://michaelteeuw.nl
 * MIT Licensed.
 *
 * For more information how you can configurate this file
 * See https://github.com/MichMich/MagicMirror#configuration
 *
 */

var config = {
    address: "localhost", // Address to listen on, can be:
                          // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
                          // - another specific IPv4/6 to listen on a specific interface
                          // - "", "0.0.0.0", "::" to listen on any interface
                          // Default, when address config is left out, is "localhost"
    port: 8080,
    ipWhitelist: [], // Set [] to allow all IP addresses
                                                           // or add a specific IPv4 of 192.168.1.5 :
                                                           // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
                                                           // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
                                                           // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],

    language: "en",
    timeFormat: 12,
    units: "metric",

    modules: [
        {
            module: "alert",
        },
        {
          module: "MMM-Remote-Control-Repository",
        },
        {
            module: "clock",
            position: "top_left"
        },
        {
            module: 'MMM-COVID19',
                position: "middle_center",
                config: {
                  updateInterval: 300000,
                  worldStats: true,
                  countries: [ "China", "USA", "Italy", "UK", "Canada", "Norway", "Sweden", "Germany", "Brazil", "Taiwan" ],
                  headerRowClass: "small",
                  infoRowClass: "medium",
                  orderCountriesByName: false,
                  orderAscending: true,
                  lastUpdateInfo: true,
                  highlightCountry: "Canada",
                  delta: true, //new cases and new deaths
                  showExtraInfo: true,
                  rapidapiKey : "e8da6e71bcmsa586jsnea6ff6eb96b8" // this is an example, do not try to use it for real
                }
        },
        {
            module: "calendar",
            header: "Upcoming Events",
            position: "bottom_right",
            config: {
                colored: true,
                maximumEntries: 5,
                maxTitleLength: 25,
                fade: false, 
                displaySymbol: true, 
                maximumNumberOfDays: "14",
                calendars: [
                    {
                        maximumNumberOfDays: 14,
                        symbol: "Cleaning",
                        color: "#ffffff",
                        url: "https://calendar.google.com/calendar/ical/yourhouse.gmail.com/private-69b6bd37705fa371daed31b164fac4fb/basic.ics"
                                            },
                    {
                        maximumNumberOfDays: 21,
                        symbol: "holidays",
                        color: "#009900",
                        // blue is 0066CC
                        url:"https://calendar.google.com/calendar/ical/en.canadian%23holiday%40group.v.calendar.google.com/public/basic.ics"
                    },
                    /*{
                        maximumNumberOfDays: 21,
                        symbol: "Jets",
                        color: "#0066CC",
                        // blue is 0066CC
                        url: "https://calendar.google.com/calendar/ical/kfee01hah9dkuo73a5uc44e694%40group.calendar.google.com/private-42b2a18b0a430725ae4c324cce3ff057/basic.ics"
                    },*/
                    {
                        maximumNumberOfDays: 21,
                        symbol: "bombers",
                        color: "#FFFF00",
                        // blue is 0066CC
                        url: "https://cfl.calreplyapp.com/cfl#Winnipeg%20Blue%20Bombers"
                    }

                ]

            }
        },
    {
        module: "MMM-Wallpaper",
            position: "fullscreen_below",
            config: { 
            // See "Configuration options" for more information.
                source: "bing",
                slideInterval: 30 * 1000 // Change slides every minute
            }
  },

        {
            module: "currentweather",
            position: "top_right",
            config: {
                location: "Winnipeg",
                locationID: "6183235",  //ID from http://bulk.openweathermap.org/sample/; unzip the gz file and find your city
                appid: "7f7ccedab8bf65028f30066e5ed49eaa"
            }
        },
        /*{
            module: "weatherforecast",
            position: "top_right",
            header: "Weather Forecast",
            config: {
                location: "Winnipeg",
                locationID: "6183235",  //ID from https://openweathermap.org/city
                appid: "7f7ccedab0066e5ed49eaa"
            }
        },*/

        {
            module: "MMM-News",
            position: "bottom_left",
            config: {
                apiKey : "49ea266e63c9b2ad65c",
                drawInterval: 1000*20, // How long time each article will be shown
                type: "horizontal",
                touchable: false,
                query : [
                    {
                        sources: "cbc-news, google-news-ca, msnbc",
                    },
                    {
                        country: "ca",
                        className: "redTitle",
                    },
                {
                    country: "ca",
                    category: "sports",
                    q : "Winnipeg Jets"
                }
                ],
            }
        },
    ]

};

/*************** DO NOT EDIT THE LINE BELOW ***************/
if (typeof module !== "undefined") {module.exports = config;}
bibaldo commented 4 years ago

@Clifford10 I would suggest you to use position: "top_left" it will be under your clock module or just position: "bottom_center" (if you want it in the middle)

MisterKurtz10 commented 4 years ago

Thanks, I'll give that a try.

hildwin commented 4 years ago

@MisterKurtz10 You shouldn't expose all your api keys to the world. ;)

MisterKurtz10 commented 4 years ago

I deleted about 15 characters from the middle of each of them. ;)

bibaldo commented 4 years ago

I'm closing this issue due to inactivity. Hope the problem was solved