Merge pull request #171 from ygowthamr/VisibilityIssue2

Solved Visibility of showing papers while allotment
Harshdev098 · Oct 17, 2024 · e31dd5c · e31dd5c
2 parents 5175c3e + f1a2910
commit e31dd5c
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/public/allotment.html b/public/allotment.html
@@ -66,25 +66,27 @@
          display: flex;
          border-radius: 20px;
          flex-direction: column;
+         border-bottom-left-radius: 0px;
+         border-bottom-right-radius: 0px;
       }
 
       .box p {
          text-align: center;
          display: inline;
-         padding: 8px 8px;
+         padding: 0.2vw 0.2vw;
          background-color: rgb(240, 237, 237);
          border-radius: 10px;
       }
 
       #container {
-         position: absolute;
-         top: 20%;
+         position: fixed;
+         top: 3%;
          z-index: 2;
-         left: 30%;
+         left: 35%;
          display: flex;
-         border-radius: 20px;
-         border: 3px solid rgb(10, 159, 218);
-         background-color: white;
+         flex-direction: column;
+         justify-content: center;
+         align-items: center;
          display: none;
       }
 
@@ -122,6 +124,9 @@
          display: flex;
          flex-direction: column;
          font-size: 20px;
+         background-color: white;
+         border-bottom-left-radius: 20px;
+         border-bottom-right-radius: 20px;
       }
 
       .allotment input {
@@ -181,8 +186,8 @@ <h2 style="text-align: center;font-size: 34px;">Alloted Research Papers</h2>
       </div>
       <div class="allotment">
          <div>
-            <h4 style="font-size: 28px;text-align: center;margin: 20px;">Allot Faculty</h4>
-            <p style="padding: 8px 10px 26px 10px;color: rgb(94, 77, 55);">An email will be send on this id to set a
+            <h4 style="font-size: 28px;text-align: center;margin: 0px;">Allot Faculty</h4>
+            <p style="padding: 0px 10px 0px 10px;color: rgb(94, 77, 55);">An email will be send on this id to set a
                password!</p>
          </div>
          <label style="margin: 0px 10px;font-weight: bold;">Email:</label>