RubyGems - snowman-io - Versions diffs - 0.0.4 → 0.0.5 - Mend

snowman-io 0.0.4 → 0.0.5

Files changed (101) hide show

checksums.yaml +4 -4
data/CHANGELOG.md +3 -0
data/README.md +4 -6
data/bin/snowman +1 -1
data/lib/config/mongoid.yml +5 -0
data/lib/snowman-io.rb +62 -30
data/lib/snowman-io/aggregate.rb +97 -0
data/lib/snowman-io/api.rb +33 -65
data/lib/snowman-io/api/agent.rb +27 -0
data/lib/snowman-io/api/apps.rb +45 -0
data/lib/snowman-io/api/auth_helpers.rb +76 -0
data/lib/snowman-io/api/checks.rb +59 -0
data/lib/snowman-io/api/extra/meteor.rb +45 -0
data/lib/snowman-io/api/fridge.rb +14 -0
data/lib/snowman-io/api/info.rb +30 -0
data/lib/snowman-io/api/metrics.rb +115 -0
data/lib/snowman-io/api/users.rb +231 -0
data/lib/snowman-io/cli.rb +69 -0
data/lib/snowman-io/launcher.rb +12 -11
data/lib/snowman-io/loop/check_processor.rb +29 -0
data/lib/snowman-io/loop/checks.rb +59 -0
data/lib/snowman-io/loop/main.rb +43 -0
data/lib/snowman-io/loop/ping.rb +25 -0
data/lib/snowman-io/migration.rb +79 -0
data/lib/snowman-io/models/aggregation.rb +15 -0
data/lib/snowman-io/models/app.rb +61 -0
data/lib/snowman-io/models/check.rb +48 -0
data/lib/snowman-io/models/concerns/tokenable.rb +15 -0
data/lib/snowman-io/models/data_point.rb +9 -0
data/lib/snowman-io/models/deleted.rb +9 -0
data/lib/snowman-io/models/following.rb +8 -0
data/lib/snowman-io/models/metric.rb +36 -0
data/lib/snowman-io/models/setting.rb +24 -0
data/lib/snowman-io/models/user.rb +73 -0
data/lib/snowman-io/options.rb +11 -3
data/lib/snowman-io/report_mailer.rb +88 -0
data/lib/snowman-io/reports.rb +16 -0
data/lib/snowman-io/ui/AUTO_GENERATED_FOLDER +2 -0
data/lib/snowman-io/ui/assets/ui-0e39dafcb798020fb855e325931c8451.css +1 -0
data/lib/snowman-io/ui/assets/ui-d30809d0ae0a003d841fa95a352d624b.js +9 -0
data/lib/snowman-io/ui/assets/vendor-7edfd1432c1bbd806306d5583c75b1fc.css +5 -0
data/lib/snowman-io/ui/assets/vendor-c22e2ccc87c9bc7609b95939c308bc7f.js +24 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/css/bootstrap-theme.css +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/css/bootstrap-theme.css.map +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/css/bootstrap-theme.min.css +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/css/bootstrap.css +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/css/bootstrap.css.map +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/css/bootstrap.min.css +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/fonts/glyphicons-halflings-regular.eot +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/fonts/glyphicons-halflings-regular.svg +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/fonts/glyphicons-halflings-regular.ttf +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/fonts/glyphicons-halflings-regular.woff +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/js/bootstrap.js +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/js/bootstrap.min.js +0 -0
data/lib/snowman-io/{api/public/bootstrap → ui/bootstrap-3.3.1}/js/npm.js +0 -0
data/lib/snowman-io/ui/crossdomain.xml +15 -0
data/lib/snowman-io/ui/fonts/glyphicons-halflings-regular.eot +0 -0
data/lib/snowman-io/ui/fonts/glyphicons-halflings-regular.svg +229 -0
data/lib/snowman-io/ui/fonts/glyphicons-halflings-regular.ttf +0 -0
data/lib/snowman-io/ui/fonts/glyphicons-halflings-regular.woff +0 -0
data/lib/snowman-io/ui/index.html +175 -0
data/lib/snowman-io/ui/robots.txt +2 -0
data/lib/snowman-io/utils.rb +66 -0
data/lib/snowman-io/version.rb +1 -1
data/lib/snowman-io/views/layouts/custom.css +42 -0
data/lib/snowman-io/views/layouts/main.html.erb +38 -0
data/lib/snowman-io/views/layouts/styles.css +264 -0
data/lib/snowman-io/views/layouts/transactional-email-templates-LICENSE +21 -0
data/lib/snowman-io/views/report_mailer/check_triggered.html.erb +16 -0
data/lib/snowman-io/views/report_mailer/checks/_human_last_value_limit.html.erb +2 -0
data/lib/snowman-io/views/report_mailer/checks/_human_prev_day_datapoints_limit.html.erb +2 -0
data/lib/snowman-io/views/report_mailer/daily_report.html.erb +40 -0
data/lib/snowman-io/views/report_mailer/restore_password.html.erb +28 -0
data/lib/snowman-io/views/report_mailer/send_invite.html.erb +32 -0
data/lib/snowman-io/web.rb +28 -0
data/lib/snowman-io/web_server.rb +107 -0
data/snowman-io.gemspec +15 -5
metadata +220 -49
data/lib/snowman-io/api/public/README.md +0 -36
data/lib/snowman-io/api/public/css/normalize.css +0 -406
data/lib/snowman-io/api/public/css/style.css +0 -4
data/lib/snowman-io/api/public/js/app.js +0 -13
data/lib/snowman-io/api/public/js/libs/ember-1.8.1.js +0 -49740
data/lib/snowman-io/api/public/js/libs/handlebars-v1.3.0.js +0 -2746
data/lib/snowman-io/api/public/js/libs/jquery-1.10.2.js +0 -9789
data/lib/snowman-io/api/public/tests/runner.css +0 -14
data/lib/snowman-io/api/public/tests/runner.js +0 -13
data/lib/snowman-io/api/public/tests/tests.js +0 -30
data/lib/snowman-io/api/public/tests/vendor/qunit-1.12.0.css +0 -244
data/lib/snowman-io/api/public/tests/vendor/qunit-1.12.0.js +0 -2212
data/lib/snowman-io/api/views/index.erb +0 -26
data/lib/snowman-io/api/views/layout.erb +0 -24
data/lib/snowman-io/api/views/login.erb +0 -21
data/lib/snowman-io/api/views/unpacking.erb +0 -21
data/lib/snowman-io/check.rb +0 -49
data/lib/snowman-io/check_result.rb +0 -15
data/lib/snowman-io/checks/hosted_graphite.rb +0 -23
data/lib/snowman-io/handler.rb +0 -27
data/lib/snowman-io/notifiers/slack.rb +0 -76
data/lib/snowman-io/processor.rb +0 -32
data/lib/snowman-io/scheduler.rb +0 -42

data/lib/snowman-io/ui/fonts/glyphicons-halflings-regular.ttf ADDED

Binary file

data/lib/snowman-io/ui/fonts/glyphicons-halflings-regular.woff ADDED

Binary file

@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>SnowmanIO: be a little snowy</title>
+    <base href="/" />
+<meta name="ui/config/environment" content="%7B%22modulePrefix%22%3A%22ui%22%2C%22environment%22%3A%22production%22%2C%22baseURL%22%3A%22/%22%2C%22apiPrefix%22%3A%22api%22%2C%22locationType%22%3A%22auto%22%2C%22EmberENV%22%3A%7B%22FEATURES%22%3A%7B%7D%7D%2C%22APP%22%3A%7B%22name%22%3A%22ui%22%2C%22version%22%3A%220.0.0.ab87a49e%22%7D%2C%22simple-auth-devise%22%3A%7B%22serverTokenEndpoint%22%3A%22/api/users/login%22%2C%22identificationAttributeName%22%3A%22email%22%7D%2C%22simple-auth%22%3A%7B%22authorizer%22%3A%22simple-auth-authorizer%3Adevise%22%2C%22routeAfterAuthentication%22%3A%22apps%22%7D%2C%22api%22%3A%22/api%22%2C%22contentSecurityPolicyHeader%22%3A%22Content-Security-Policy-Report-Only%22%2C%22contentSecurityPolicy%22%3A%7B%22default-src%22%3A%22%27none%27%22%2C%22script-src%22%3A%22%27self%27%22%2C%22font-src%22%3A%22%27self%27%22%2C%22connect-src%22%3A%22%27self%27%22%2C%22img-src%22%3A%22%27self%27%22%2C%22style-src%22%3A%22%27self%27%22%2C%22media-src%22%3A%22%27self%27%22%7D%2C%22exportApplicationGlobal%22%3Afalse%7D" />
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+<script>
+/*!
+loadCSS: load a CSS file asynchronously.
+[c]2014 @scottjehl, Filament Group, Inc.
+Licensed MIT
+*/
+/* exported loadCSS */
+function loadCSS( href, before, media, callback ){
+	"use strict";
+	// Arguments explained:
+	// `href` is the URL for your CSS file.
+	// `before` optionally defines the element we'll use as a reference for injecting our <link>
+	// By default, `before` uses the first <script> element in the page.
+	// However, since the order in which stylesheets are referenced matters, you might need a more specific location in your document.
+	// If so, pass a different reference element to the `before` argument and it'll insert before that instead
+	// note: `insertBefore` is used instead of `appendChild`, for safety re: http://www.paulirish.com/2011/surefire-dom-element-insertion/
+	var ss = window.document.createElement( "link" );
+	var ref = before || window.document.getElementsByTagName( "script" )[ 0 ];
+	var sheets = window.document.styleSheets;
+	ss.rel = "stylesheet";
+	ss.href = href;
+	// temporarily, set media to something non-matching to ensure it'll fetch without blocking render
+	ss.media = "only x";
+	// DEPRECATED
+	if( callback ) {
+		ss.onload = callback;
+	}
+	// inject link
+	ref.parentNode.insertBefore( ss, ref );
+	// This function sets the link's media back to `all` so that the stylesheet applies once it loads
+	// It is designed to poll until document.styleSheets includes the new sheet.
+	ss.onloadcssdefined = function( cb ){
+		var defined;
+		for( var i = 0; i < sheets.length; i++ ){
+			if( sheets[ i ].href && sheets[ i ].href === ss.href ){
+				defined = true;
+			}
+		}
+		if( defined ){
+			cb();
+		} else {
+			setTimeout(function() {
+				ss.onloadcssdefined( cb );
+			});
+		}
+	};
+	ss.onloadcssdefined(function() {
+		ss.media = media || "all";
+	});
+	return ss;
+}
+</script>
+<script>
+/*!
+onloadCSS: adds onload support for asynchronous stylesheets loaded with loadCSS.
+[c]2014 @zachleat, Filament Group, Inc.
+Licensed MIT
+*/
+/* global navigator */
+/* exported onloadCSS */
+function onloadCSS( ss, callback ) {
+	ss.onload = function() {
+		ss.onload = null;
+		if( callback ) {
+      callback.call( ss );
+		}
+	};
+	// This code is for browsers that don’t support onload, any browser that
+	// supports onload should use that instead.
+	// No support for onload:
+	//	* Android 4.3 (Samsung Galaxy S4, Browserstack)
+	//	* Android 4.2 Browser (Samsung Galaxy SIII Mini GT-I8200L)
+	//	* Android 2.3 (Pantech Burst P9070)
+	// Weak inference targets Android < 4.4
+	if( "isApplicationInstalled" in navigator && "onloadcssdefined" in ss ) {
+		ss.onloadcssdefined( callback );
+	}
+}
+</script>
+<script>
+// from: http://stackoverflow.com/questions/7718935/load-scripts-asynchronously
+//this function will work cross-browser for loading scripts asynchronously
+function loadScript(src, callback)
+{
+  var s,
+      r,
+      t;
+  r = false;
+  s = document.createElement('script');
+  s.type = 'text/javascript';
+  s.src = src;
+  s.onload = s.onreadystatechange = function() {
+    //console.log( this.readyState ); //uncomment this line to see which ready states are called.
+    if ( !r && (!this.readyState || this.readyState == 'complete') )
+    {
+      r = true;
+      callback();
+    }
+  };
+  t = document.getElementsByTagName('script')[0];
+  t.parentNode.insertBefore(s, t);
+}
+</script>
+<style>
+html,body{ margin:0; padding:0; height:100%; width:100%; }
+</style>
+  </head>
+  <body>
+    <div id="progress-holder" style="position:relative;background-color:white;width:100%;height:100%;">
+      <div style="position:absolute;top:42%;height:30px;width:100%">
+        <div style="width:550px;height:30px;background-color:#aaccff;margin:0 auto;">
+          <div id="progress" style="height:30px;width:50px;background-color:#5577ff;">
+          </div>
+        </div>
+      </div>
+    </div>
+    <noscript>We are very sorry, bun SnowmanIO needs javascript enabled.</noscript>
+    <script>
+      (function() {
+        var vendor = loadCSS( "assets/vendor-7edfd1432c1bbd806306d5583c75b1fc.css" );
+        var progress = document.getElementById("progress");
+        var holder = document.getElementById("holder");
+        onloadCSS(vendor, function() {
+          progress.style.width = "150px";
+          var ui = loadCSS( "assets/ui-0e39dafcb798020fb855e325931c8451.css" );
+          onloadCSS(ui, function() {
+            progress.style.width = "250px";
+            loadScript("assets/vendor-c22e2ccc87c9bc7609b95939c308bc7f.js", function() {
+              progress.style.width = "350px";
+              loadScript("assets/ui-d30809d0ae0a003d841fa95a352d624b.js", function() {
+                progress.style.width = "450px";
+              });
+            });
+          });
+        });
+      })();
+    </script>
+  </body>
+</html>

data/lib/snowman-io/ui/robots.txt ADDED

	@@ -0,0 +1,2 @@
1	+ # http://www.robotstxt.org
2	+ User-agent: *

data/lib/snowman-io/utils.rb ADDED

@@ -0,0 +1,66 @@
+module SnowmanIO
+  module Utils
+    def self.floor_5sec(time)
+      Time.new(time.year, time.month, time.day, time.hour, time.min, (time.sec/5)*5)
+    end
+    def self.floor_10sec(time)
+      Time.new(time.year, time.month, time.day, time.hour, time.min, (time.sec/10)*10)
+    end
+    def self.floor_5min(time)
+      Time.new(time.year, time.month, time.day, time.hour, (time.min/5)*5)
+    end
+    def self.avg(arr)
+      arr.inject(:+).to_f/arr.length
+    end
+    # `up` value is close to 90 percentile by meaning, but it slightly
+    # depends of every element (weighted avarage). This metric is especially usefull for small arrays.
+    def self.up(arr)
+      sorted = arr.sort
+      if sorted.length <= 1
+        sorted[0]
+      else
+        sum = 0
+        amount = 0
+        sorted.each_with_index { |e, i|
+          w = i.to_f/sorted.length
+          if w <= 0.9
+            a = w + 0.1
+          else
+            a = 1.9 - w
+          end
+          sum += e*a
+          amount += a
+        }
+        sum/amount
+      end
+    end
+    def self.human_value(value)
+      return unless value
+      if value > 1_000_000
+        (value/1000000).round(1).to_s + "M"
+      elsif value > 1_000
+        (value/1000).round(1).to_s + "k"
+      elsif value > 10
+        value.round(1)
+      elsif value > 0.1
+        value.round(2)
+      elsif value > 0.01
+        value.round(3)
+      elsif value > 0.001
+        value.round(4)
+      elsif value > 0.0001
+        value.round(5)
+      elsif value > 0.00001
+        value.round(6)
+      else
+        value
+      end
+    end
+  end
+end

data/lib/snowman-io/version.rb CHANGED

@@ -1,3 +1,3 @@
 module SnowmanIO
-  VERSION = "0.0.4"
+  VERSION = "0.0.5"
 end

data/lib/snowman-io/views/layouts/custom.css ADDED

@@ -0,0 +1,42 @@
+/* Custom styles */
+td.header {
+  background-color: #eee;
+  vertical-align: middle;
+  font-size: 120%;
+  font-weight: bold;
+  padding-left: 10px;
+  padding-bottom: 5px;
+}
+table.app-stats th.first {
+  width: 20%;
+}
+table.app-stats th {
+  width: 40%;
+  font-weight: bold;
+}
+table.app-stats td.value {
+  text-align: right;
+}
+span.positive {
+  color: green;
+}
+span.negative {
+  color: red;
+}
+span.neutral {
+  color: #9370DB;
+}
+span.white {
+  color: white;
+}
+td.center {
+  text-align: center;
+}
+.alert.alert-info {
+  background-color: #5bc0de;
+}

data/lib/snowman-io/views/layouts/main.html.erb ADDED

@@ -0,0 +1,38 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<meta name="viewport" content="width=device-width" />
+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+<title>Actionable emails e.g. reset password</title>
+<link href="styles.css" media="all" rel="stylesheet" type="text/css" />
+<link href="custom.css" media="all" rel="stylesheet" type="text/css" />
+</head>
+<body>
+<table class="body-wrap">
+  <tr>
+    <td></td>
+    <td class="container" width="600">
+      <div class="content">
+        <table class="main" width="100%" cellpadding="0" cellspacing="0">
+          <%= yield :header %>
+          <tr>
+            <td class="content-wrap">
+              <%= yield %>
+            </td>
+          </tr>
+        </table>
+        <div class="footer">
+          <table width="100%">
+            <tr>
+              <td class="aligncenter content-block">SnowmanIO, 2014-<%= Time.now.year %></td>
+            </tr>
+          </table>
+        </div></div>
+    </td>
+    <td></td>
+  </tr>
+</table>
+</body>
+</html>

data/lib/snowman-io/views/layouts/styles.css ADDED

@@ -0,0 +1,264 @@
+/* -------------------------------------
+    GLOBAL
+    A very basic CSS reset
+------------------------------------- */
+* {
+  margin: 0;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  box-sizing: border-box;
+  font-size: 14px;
+}
+img {
+  max-width: 100%;
+}
+body {
+  -webkit-font-smoothing: antialiased;
+  -webkit-text-size-adjust: none;
+  width: 100% !important;
+  height: 100%;
+  line-height: 1.6;
+}
+/* Let's make sure all tables have defaults */
+table td {
+  vertical-align: top;
+}
+/* -------------------------------------
+    BODY & CONTAINER
+------------------------------------- */
+body {
+  background-color: #f6f6f6;
+}
+.body-wrap {
+  background-color: #f6f6f6;
+  width: 100%;
+}
+.container {
+  display: block !important;
+  max-width: 600px !important;
+  margin: 0 auto !important;
+  /* makes it centered */
+  clear: both !important;
+}
+.content {
+  max-width: 600px;
+  margin: 0 auto;
+  display: block;
+  padding: 20px;
+}
+/* -------------------------------------
+    HEADER, FOOTER, MAIN
+------------------------------------- */
+.main {
+  background-color: #fff;
+  border: 1px solid #e9e9e9;
+  border-radius: 3px;
+}
+.content-wrap {
+  padding: 20px;
+}
+.content-block {
+  padding: 0 0 20px;
+}
+.header {
+  width: 100%;
+  margin-bottom: 20px;
+}
+.footer {
+  width: 100%;
+  clear: both;
+  color: #999;
+  padding: 20px;
+}
+.footer a {
+  color: #999;
+}
+.footer p, .footer a, .footer unsubscribe, .footer td {
+  font-size: 12px;
+}
+/* -------------------------------------
+    TYPOGRAPHY
+------------------------------------- */
+h1, h2, h3 {
+  font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+  color: #000;
+  margin: 40px 0 0;
+  line-height: 1.2;
+  font-weight: 400;
+}
+h1 {
+  font-size: 32px;
+  font-weight: 500;
+}
+h2 {
+  font-size: 24px;
+}
+h3 {
+  font-size: 18px;
+}
+h4 {
+  font-size: 14px;
+  font-weight: 600;
+}
+p, ul, ol {
+  margin-bottom: 10px;
+  font-weight: normal;
+}
+p li, ul li, ol li {
+  margin-left: 5px;
+  list-style-position: inside;
+}
+/* -------------------------------------
+    LINKS & BUTTONS
+------------------------------------- */
+a {
+  color: #348eda;
+  text-decoration: underline;
+}
+.btn-primary {
+  text-decoration: none;
+  color: #FFF;
+  background-color: #348eda;
+  border: solid #348eda;
+  border-width: 10px 20px;
+  line-height: 2;
+  font-weight: bold;
+  text-align: center;
+  cursor: pointer;
+  display: inline-block;
+  border-radius: 5px;
+  text-transform: capitalize;
+}
+/* -------------------------------------
+    OTHER STYLES THAT MIGHT BE USEFUL
+------------------------------------- */
+.last {
+  margin-bottom: 0;
+}
+.first {
+  margin-top: 0;
+}
+.aligncenter {
+  text-align: center;
+}
+.alignright {
+  text-align: right;
+}
+.alignleft {
+  text-align: left;
+}
+.clear {
+  clear: both;
+}
+/* -------------------------------------
+    ALERTS
+    Change the class depending on warning email, good email or bad email
+------------------------------------- */
+.alert {
+  font-size: 16px;
+  color: #fff;
+  font-weight: 500;
+  padding: 20px;
+  text-align: center;
+  border-radius: 3px 3px 0 0;
+}
+.alert a {
+  color: #fff;
+  text-decoration: none;
+  font-weight: 500;
+  font-size: 16px;
+}
+.alert.alert-warning {
+  background-color: #FF9F00;
+}
+.alert.alert-bad {
+  background-color: #D0021B;
+}
+.alert.alert-good {
+  background-color: #68B90F;
+}
+/* -------------------------------------
+    INVOICE
+    Styles for the billing table
+------------------------------------- */
+.invoice {
+  margin: 40px auto;
+  text-align: left;
+  width: 80%;
+}
+.invoice td {
+  padding: 5px 0;
+}
+.invoice .invoice-items {
+  width: 100%;
+}
+.invoice .invoice-items td {
+  border-top: #eee 1px solid;
+}
+.invoice .invoice-items .total td {
+  border-top: 2px solid #333;
+  border-bottom: 2px solid #333;
+  font-weight: 700;
+}
+/* -------------------------------------
+    RESPONSIVE AND MOBILE FRIENDLY STYLES
+------------------------------------- */
+@media only screen and (max-width: 640px) {
+  h1, h2, h3, h4 {
+    font-weight: 600 !important;
+    margin: 20px 0 5px !important;
+  }
+  h1 {
+    font-size: 22px !important;
+  }
+  h2 {
+    font-size: 18px !important;
+  }
+  h3 {
+    font-size: 16px !important;
+  }
+  .container {
+    width: 100% !important;
+  }
+  .content, .content-wrap {
+    padding: 10px !important;
+  }
+  .invoice {
+    width: 100% !important;
+  }
+}