plakat Done, all Games Done!!

1 files changed, 37 insertions, 27 deletions

diff --git a/rannak/mangud/partorg/plakat/styles.css b/rannak/mangud/partorg/plakat/styles.css
index 67f8bbe..b2405f9 100644
--- a/rannak/mangud/partorg/plakat/styles.css
+++ b/rannak/mangud/partorg/plakat/styles.css
@@ -28,7 +28,9 @@ button:disabled{
     cursor: not-allowed;
 }
 
-
+input[type=text] {
+    width: 100%;
+}
 
 
 
@@ -48,11 +50,6 @@ button:disabled{
 
 
 
-
-.closeModalButton {
-  border-radius: 50px;
-}
-
 .modalButton{
     display: inline-block;
     padding: 6px 12px;
@@ -89,20 +86,27 @@ button:disabled{
     justify-content: center;
 }
 
-.plakatWrapper, .innerWrapper{
-    width: 48%;
-}
 
 
-.innerWrapper{
-    padding: 2rem;
+.plakatWrapper{
+    width: 60%;
+    overflow-wrap: break-word;
+    position: relative;
+    overflow: hidden;
+    clear: both;
+}
+
+.inputWrapper{
+    padding-left: 2rem;
     display: flex;
     flex-direction: column;
-    justify-content: center;
+    justify-content: right;
     align-items: center;
 }
 
 
+
+
 /* Input stuff*/
 
 select{
@@ -112,7 +116,6 @@ select{
 
 label{
     padding: 1rem;
-    padding-top: 4rem;
     font-size: 1.2rem;
 }
 
@@ -121,11 +124,11 @@ input {
     width: 75%;
 }
 
-.innerWrapper button {
+.inputWrapper button {
     margin-top: 1rem;
 }
 
-.innerWrapper button {
+.inputWrapper button {
     background-color: #596B6E;
     border: none;
     border-radius: 4px;
@@ -135,9 +138,21 @@ input {
 }
 
 
+.inputWrapper button:disabled {
+    cursor: not-allowed;
+    opacity: 0.5;
+}
 
+select:disabled{cursor: not-allowed}
 
+input:disabled{
+    cursor: not-allowed
+    opacity: 0.5;
+}
 
+.reset{
+    background-color: red !important;
+}
 
 
 
@@ -145,8 +160,8 @@ input {
 
 .stalin {
     background: url("img/stalin.jpg") no-repeat center;
-    background-size: 100%;
-    font-size: 2rem;
+    background-size: 100% 100%;
+    font-size: 1rem;
     text-align: center;
     color: black;
 }
@@ -154,8 +169,8 @@ input {
 
 .veekogud {
     background: url("img/veekogud.jpg") no-repeat center;
-    background-size: 100%;
-    font-size: 2rem;
+    background-size: 100% 100%;
+    font-size: 1rem;
     text-align: center;
     color: black;
 }
@@ -164,7 +179,7 @@ input {
 .malev {
     background: url("img/malev.jpg") no-repeat center;
     background-size: 100% 100%;
-    font-size: 2rem;
+    font-size: 1rem;
     text-align: center;
     color: black;
 }
@@ -173,7 +188,7 @@ input {
 .viisAastak {
     background: url("img/viisAastak.jpg") no-repeat center;
     background-size: 100% 100%;
-    font-size: 2rem;
+    font-size: 1rem;
     text-align: center;
     color: black;
 }
@@ -182,12 +197,7 @@ input {
     height: 78vh;
 }
 
-.plakatWrapper{
-    position: relative;
-    overflow: hidden;
-    clear: both;
-}
-.addedText {
+.addedText, .oldAddedText {
     position: absolute;
 }