Fixing some CSS (responsive)

Services/TickerService.cs

@@ -34,6 +34,7 @@ namespace Stratis.Guru.Services
                 var coinmarketCapApiRequest = new RestRequest(Method.GET);
                 var coinmarketcapApi = coinmarketCapApiClient.Execute(coinmarketCapApiRequest);
                 _memoryCache.Set("Coinmarketcap", coinmarketcapApi.Content);
+                Console.WriteLine(DateTime.Now + " - Ticker Updated");
                 updateTimer.Interval = TimeSpan.FromMinutes(10).TotalMilliseconds;
                 await _hubContext.Clients.All.SendAsync("UpdateTicker", cancellationToken);
             };

Views/Home/Generator.cshtml

@@ -4,34 +4,36 @@
     Layout = "_Layout";
 }
 <section class="welcome-area" id="welcome-1">
-    <div class="header-token mt-3">
+    <div class="header-token pt-5">
         <div class="container">
             <div class="row">
                 <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 pt-5 align-self-center text-center">
                     <h2>Stratis Public Key</h2>
                     <img src="@Url.Action("Qr", new {value = Model.PublicKey})" class="qr"/>
-                    <div class="input-group mb-3 input-group-lg mt-4 pl-5 pr-5">
+                    <div class="input-group mb-3 mt-2 input-group-lg pl-lg-5 pr-lg-5">
                         <div class="input-group-prepend">
-                            <span class="input-group-text bg-dark text-white" id="basic-addon1">PUB</span>
+                            <span class="input-group-text bg-dark text-white">PUB</span>
                         </div>
                         <input type="text" class="form-control bg-dark" value="@Model.PublicKey">
                         <div class="input-group-append">
                             <button class="btn btn-success" type="button"><i class="fa fa-copy"></i> Copy</button>
                         </div>
                     </div>
+                    <p class="m-0">This is the adress than you share with others.</p>
                 </div>
                 <div class="col-lg-6 col-md-12 col-sm-12 col-xs-12 pt-5 align-self-center text-center">
                     <h2>Stratis Private Address</h2>
                     <img src="@Url.Action("Qr", new {value = Model.PrivateKey})" class="qr"/>
-                    <div class="input-group mb-3 input-group-lg mt-4 pl-5 pr-5">
+                    <div class="input-group mb-3 mt-2 input-group-lg pl-lg-5 pr-lg-5">
                         <div class="input-group-prepend">
-                            <span class="input-group-text bg-dark text-white" id="basic-addon1">WIF</span>
+                            <span class="input-group-text bg-dark text-white">WIF</span>
                         </div>
                         <input type="text" class="form-control bg-dark" value="@Model.PrivateKey">
                         <div class="input-group-append">
                             <button class="btn btn-success" type="button"><i class="fa fa-copy"></i> Copy</button>
                         </div>
                     </div>
+                    <p class="m-0 danger">This is your spent key that you keep in safety.</p>
                 </div>
             </div>
             <div class="row mt-5">

Views/Home/Index.cshtml

@@ -10,10 +10,10 @@
                     <h1 class="m-0">The <strong>$STRAT</strong> price in realtime.</h1>
                     <h1 class="align-middle">
                         <div class="d-inline-block align-middle">
-                            <span class="click-edit" spellcheck="false">1</span> STRAT =
+                            <span class="click-edit" spellcheck="false">1</span> STRAT <span class="d-none d-lg-inline-block">=</span>
                         </div>
                         <span class="align-middle display-1 font-weight-bold" id="amount">@(Model.UsdPrice.ToString("C2"))</span>
-                        <span id="lastchange" class="change-@(Model.Last24Change > 0 ? "success":"danger") font-weight-bold"><sup> @((Model.Last24Change > 0 ? "+":"-")) @(Model.Last24Change.ToString("P2"))</sup></span>
+                        <span id="lastchange" class="d-block d-lg-inline-block change-@(Model.Last24Change > 0 ? "success":"danger") font-weight-bold"><sup> <span class="d-none d-lg-inline-block">@((Model.Last24Change > 0 ? "+":"-"))</span> @(Model.Last24Change.ToString("P2"))</sup></span>
                     </h1>
                     <a asp-controller="Home" asp-action="Generator" class="btn-secondary-box"><i class="fa fa-paper-plane"></i> Get a Stratis Address</a>
                 </div>

Views/Home/Vanity.cshtml

@@ -13,10 +13,10 @@
                     @if (ViewBag.Succeed == null)
                     {
                         <div class="row">
-                            <div class="col-md-8 offset-2">
+                            <div class="col-lg-8 col-md-12 offset-lg-2">
                                 <div class="form-group mt-4">
                                     <label class="text-left extra small text-white">The actual process is unthreaded and will be update in some days.</label>
-                                    <div class="input-group mb-3 input-group-lg pl-5 pr-5">
+                                    <div class="input-group mb-3 input-group-lg pl-lg-5 pr-lg-5">
                                         <div class="input-group-prepend">
                                             <span class="input-group-text bg-info text-white">Prefix</span>
                                         </div>
@@ -28,9 +28,9 @@
                                 </div>
                             </div>
                         </div>
-                        <div class="row">
-                            <div class="col-md-8 offset-2">
-                                <div class="form-group mb-3 mt-4 pl-5 pr-5">
+                        <div class="row mt-lg-4">
+                            <div class="col-lg-8 col-md-12 offset-lg-2">
+                                <div class="input-group mb-3 input-group-lg pl-lg-5 pr-lg-5">
                                     <label class="text-left extra small text-white">You will receive the private key by email.</label>
                                     <div class="input-group input-group-lg">
                                         <div class="input-group-prepend">

Views/Shared/_Layout.cshtml

@@ -53,7 +53,7 @@
 	</div>
 </header>
 @RenderBody()
-<div id="crafted" class="pb-4">
+<div id="crafted">
 	<p class="text-center small">Proudly Crafted with 💖 by <a href="https://twitter.com/clint_network" target="_blank">Clint.Network</a> — Help me to maintain by sending some $STRAT at SR2ZXnhRnMqJNoeDiCFUnaug7TKHJocwDd.</p>
 </div>
 <script src="~/js/jquery-2.1.0.min.js"></script>

wwwroot/css/default.css

-/* ----------------------------------------------------------------------------------------
-Template: Arda - Bitcoin and Cryptocurrency ICO HTML Template
-Version: 1.3
-Author: tempload - support@tempload.com
- -----------------------------------------------------------------------------------------*/
-/* ---------------------------------------------
-Table of contents
-------------------------------------------------
-01. font & reset css
-02. pre-loader
-03. global styles
-04. buttons
-05. token box
-06. header
-07. welcome area
-08. services
-09. roadmap
-10. team
-11. parallax
-12. faq
-13. block explorer
-14. footer & contact
---------------------------------------------- */
-/* 
----------------------------------------------
-font & reset css
---------------------------------------------- 
-*/
 @import url("https://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700");
+
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
 pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
 s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
@@ -37,6 +10,17 @@ figure, header, nav, section, article, aside, footer, figcaption {
   outline: 0;
 }
 
+#crafted {
+  position: fixed;
+  bottom: 0;
+  color: #EEEEEE;
+  width: 100%;
+  z-index: 999;
+  padding: 20px 0;
+  position: sticky;
+  bottom: 0;
+}
+
 .clearfix:after {
   content: ".";
   display: block;
@@ -1050,7 +1034,7 @@ header
   -o-transition: all 0.4s;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
-  background-color: #3B566E;
+  background-color: #FFFFFF;
   display: block;
   position: absolute;
   width: 30px;
@@ -1064,7 +1048,7 @@ header
   -o-transition: all 0.4s;
   -webkit-transition: all 0.4s;
   transition: all 0.4s;
-  background-color: #3B566E;
+  background-color: #CCCCCC;
   display: block;
   position: absolute;
   width: 30px;
@@ -1345,11 +1329,15 @@ header
 }
 
 @media (max-width: 991px) {
+  .welcome-area {
+    /*min-height: calc(100vh - 90px) !important;*/
+  }
   #crafted
   {
-    position: relative;
+    height: 80px;
+    position: fixed;
     background: #1b1d20;
-    padding: 20px 0 15px;
+    padding: 10px 0 15px;
     margin-top: 10px;
   }
   .header-area {
@@ -3103,28 +3091,18 @@ footer .footer-bottom .copyright {
   margin-right: 5px;
 }
 
-
-#crafted
-{
-  position: fixed;
-  bottom: 0;
-  color: #EEEEEE;
-  width: 100%;
-  z-index: 999;
-}
-
 a, a:hover, a:focus, a:active
 {
   color: inherit;
 }
 
-header a:not(.logo) {
+header .nav a {
   display: inline-block;
   position: relative;
   color: #0087ca;
 }
 
-header a:not(.logo)::after {
+header .nav a::after {
   content: '';
   position: absolute;
   width: 100%;
@@ -3137,7 +3115,7 @@ header a:not(.logo)::after {
   transition: transform 0.25s ease-out;
 }
 
-header a:not(.logo):hover::after {
+header .nav a:hover::after {
   transform: scaleX(1);
   transform-origin: bottom left;
 }
@@ -3232,4 +3210,19 @@ h2
 .change-danger
 {
   color: orangered;
+}
+
+[contenteditable="true"] {
+  white-space: nowrap;
+  overflow: hidden;
+}
+
+[contenteditable="true"] br {
+  display: none;
+
+}
+
+[contenteditable="true"] * {
+  display: inline;
+  white-space: nowrap;
 }
\ No newline at end of file