Discord form styling changes, make helptip work on mobile

kz26 · Feb 26, 2019 · 0d4f8fd · 0d4f8fd
1 parent a1cf1f0
commit 0d4f8fd
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/uchicagohvz/static/css/helptip.css b/uchicagohvz/static/css/helptip.css
@@ -27,6 +27,14 @@
 
 }
 
+.help-tip:active p{
+    display:block;
+    transform-origin: 100% 0%;
+    z-index: 1;
+    -webkit-animation: fadeIn 0.3s ease-in-out;
+    animation: fadeIn 0.3s ease-in-out;
+}
+
 .help-tip p{    /* The tooltip */
     display: none;
     text-align: left;

diff --git a/uchicagohvz/templates/game/show.html b/uchicagohvz/templates/game/show.html
@@ -91,7 +91,7 @@ <h2>Players</h2>
 			</div>		
 			{{ form.tag.errors }}
 			<div class ="form-group center" style="display:block">
-				<button type="submit" class="btn btn-primary">Update Discord Username</button>
+				<button type="submit" style="font-size: 12px" class="btn btn-primary">Update Discord Username</button>
 			</div>
 	</form>
 </div>