Started on link page

SecureSharing/Views/Home/Index.cshtml

@@ -16,7 +16,6 @@
                 <div class="single-button-input">
                     <input id="OneTime" class="radio-input" type="radio" asp-for="ChosenPeriod" value="@PeriodOfValidity.ONE_TIME">
                         <label for="OneTime" class="label-available"><span style="color:#FFA463">One</span> Time</label>
-                    </input>
                 </div>
                 <div class="single-button-input">
                     <input id="OneHour" class="radio-input" type="radio" asp-for="ChosenPeriod" value="@PeriodOfValidity.ONE_HOUR"/> <label for="OneHour" class="label-available">1 <span style="color:#B9CFE4;">hour</span></label>

SecureSharing/Views/Home/Link.cshtml

@@ -3,42 +3,54 @@
 }
 @model LinkModel
 
-<div class="text-center">
-    @if (!Model.IsValid)
-    {
-        <p>This link has expired</p>
-    }
-    else
-    {
-        @if (Model.Share == true)
+<div class="modal-content modal">
+    <div class="share-files">
+        <div class="image-logo">
+            <img src="~/img/logo.png" alt="">
+        </div>
+        <div class="image-logo">
+                <h1>Document ready!</h1>
+        </div>
+        @if (!Model.IsValid)
         {
-            @Url.Action("Link", "Home", new { id = Model.message.Id }, "https")
+            <h1>Document expired</h1>
         }
         else
         {
-            <div>
-                @if (Model.TimeLeft != null)
-                {
-                    var time = Model.TimeLeft.Value;
-                    if (time.Days > 0)
+            @if (Model.Share == true)
+            {
+                <div class="label-text link-show">
+                    @Url.Action("Link", "Home", new { id = Model.message.Id }, "https")
+                </div>
+            }
+            else
+            {
+                <div>
+                    @if (Model.TimeLeft != null)
                     {
-                        <p>This message will expire in: @time.ToString("%d") days @time.ToString("%h") hours @time.ToString("%m") minutes</p>
+                        var time = Model.TimeLeft.Value;
+                        if (time.Days > 0)
+                        {
+                            <h1>This message will expire in: @time.ToString("%d") days @time.ToString("%h") hours @time.ToString("%m") minutes</h1>
+                        }
+                        else
+                        {
+                            <h1>This message will expire in: @time.ToString(@"hh\:mm\:ss")</h1>
+                        }
                     }
                     else
                     {
-                        <p>This message will expire in: @time.ToString(@"hh\:mm\:ss")</p>
+                        <div class="label-text">
+                            This message will expire when you leave this page
+                        </div>
                     }
-                }
-                else
-                {
-                    <p>This message will expire when you leave this page</p>
-                }
-            </div>
+                </div>
+            }
+            @* <div class="label-text"> *@
+            @*     Message: @Model.message.Text *@
+            @* </div> *@
         }
-        <div>
-            Message: @Model.message.Text
-        </div>
-    }
-    <a class="btn btn-light" asp-controller="Home" asp-action="Index">Back</a>
+        <a class="btn btn-light share-button" asp-controller="Home" asp-action="Index">Back</a>
 
+    </div>
 </div>

SecureSharing/wwwroot/css/site.css

@@ -80,7 +80,7 @@ body{
     scrollbar-color: #ddd;
     background-color: #FFFFFF;
     color: #0D1C52;
-    box-shadow: 0 44px 64px rgba(69, 25, 160, 0.1);
+    box-shadow: none;
     border-radius: 32px;
 }
 .modal::-webkit-scrollbar {
@@ -108,7 +108,7 @@ body{
 .button-box {
     text-align:center;
     margin-top:10px;
-    margin-bottom: 15px;
+    margin-bottom: 0;
     display: flex;
     flex-direction: row;
     justify-content: space-between;
@@ -200,4 +200,13 @@ body{
     margin-top: 15px;
     height: 100%;
     /*text-align: center;*/
+}
+
+.link-show {
+    align-items: center;
+    align-self: center;
+    align-content: center;
+    border: 1px solid #8F9DCE;
+    border-radius: 10px;
+    color: #0D1C52;
 }