From 76c3b50a81690050c28eb6beeb1c37247ec02885 Mon Sep 17 00:00:00 2001
From: "lcs2019006@iiitl.ac.in" <pmoinkhan735@gmail.com>
Date: Wed, 22 Apr 2020 08:21:03 +0530
Subject: [PATCH 1/2] admin ui complete responsive

---
 assets/admin-styles.css | 48 +++++++++++++++++++++++++++++++++++++++++
 views/details.ejs       |  5 +++--
 views/userinfo.ejs      | 14 ++++++------
 3 files changed, 58 insertions(+), 9 deletions(-)

diff --git a/assets/admin-styles.css b/assets/admin-styles.css
index 9e72b14..5a127cb 100644
--- a/assets/admin-styles.css
+++ b/assets/admin-styles.css
@@ -205,3 +205,51 @@ body {
 .alert-content h3 {
   width: fit-content;
 }
+.lappie , .mobile{
+  position: absolute;
+}
+.mobile{
+  display: none;pointer-events: none;
+}
+@media screen and (max-width:500px){
+  .search-inp{
+    max-width: 200px;
+  }
+  .lappie{
+    display: none; pointer-events: none;
+  }
+  .mobile{
+    display: inline-block; pointer-events: all;
+  }
+  .search-group h4{
+    font-size: 25px;
+    text-align: center;
+  }
+  .dropdown h5{
+    font-size: medium;
+  }
+  .userinfo-cont{
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    margin-left: 9%;
+  }
+  .userinfo-cont h2 , .item-detail h2{
+    font-size: 38px;
+  }
+  .colomn-rev{
+    flex-direction: column-reverse;
+
+  }
+  .move-right{
+    margin-left: 9%;
+  }
+  .info-width{
+    left: 50%;
+    width: 80% !important;
+    min-height: 80vw !important;
+  }
+  .contact{
+    min-height: 300px ;
+  }
+}
\ No newline at end of file
diff --git a/views/details.ejs b/views/details.ejs
index df19d2a..53b7925 100644
--- a/views/details.ejs
+++ b/views/details.ejs
@@ -21,9 +21,10 @@
             </div>
 
             <div class="inp-animation-container" style="margin-left: 25%; max-width: 50%;">
-                <input  type="email" name="email"required/>
+                <input class="search-inp" type="email" name="email" required/>
                 <div class="inp-label">
-                  <span> Enter the email </span>
+                  <span class="lappie"> Enter the email </span>
+                  <span class="mobile">Email</span>
                 </div>
               </div>
 
diff --git a/views/userinfo.ejs b/views/userinfo.ejs
index b6a24f2..0446767 100644
--- a/views/userinfo.ejs
+++ b/views/userinfo.ejs
@@ -2,7 +2,7 @@
 <div class="admin-header shadows">
     <%- include('partials/header'); -%>
     
-    <%- include('partials/admin-sidenav'); -%>
+    <%- include('partials/admin-sidenav'); -%>  
     </div>
 
     <div class="start-h2">
@@ -16,10 +16,10 @@
 
 <div class="container-admin">
     <div class="userinfo-cont">
-        <div style="width: 60%;">
+        <div  style="width: 60%;" class="info-width">
             <img style="width: 100%; height: 100%;" src="../../images/profile_data.svg" alt="">
         </div>
-       <div style="width: 40%;">
+       <div style="width: 40%;" class="info-width">
           <h2>Basic Details:</h2>
           <div><strong>Name:&nbsp;</strong><%=user.name%></div><br>
           <div><strong>Email:&nbsp;</strong><%=user.email%></div><br>
@@ -35,8 +35,8 @@
        </div>
     </div>
 
-    <div class="userinfo-cont" style="margin-left: 9%; margin-bottom: 5%;">
-       <div style="width: 40%;">
+    <div  style="margin-left: 9%; margin-bottom: 5%;" class="userinfo-cont colomn-rev">
+       <div style="width: 40%;" class="info-width move-right">
           <h2>Contact Information:</h2>
           <div><strong>Address:&nbsp;</strong><%=user.contacts.address%></div><br>
           <div><strong>Email:&nbsp;</strong><%=user.email%></div>
@@ -46,8 +46,8 @@
           <br>
        </div>
 
-        <div style="width: 60%;">
-          <img style="width: 100%; height: 100%;" src="../../images/contact_us.svg" alt="">
+        <div style="width: 60%;" class="info-width">
+          <img style="width: 100%; height: 100%;" class="contact" src="../../images/contact_us.svg" alt="">
         </div>
     </div>
 

From 3025e7f3699cda564888cc13ed45a5b769982cbd Mon Sep 17 00:00:00 2001
From: "lcs2019006@iiitl.ac.in" <pmoinkhan735@gmail.com>
Date: Wed, 22 Apr 2020 08:25:39 +0530
Subject: [PATCH 2/2] minor search fix

---
 assets/admin-styles.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/assets/admin-styles.css b/assets/admin-styles.css
index 5a127cb..5ceec5e 100644
--- a/assets/admin-styles.css
+++ b/assets/admin-styles.css
@@ -252,4 +252,7 @@ body {
   .contact{
     min-height: 300px ;
   }
+  .start-h2 .search-icon:hover::after{
+    display: none;
+  }
 }
\ No newline at end of file