Ticket #23629: percentage.diff

style.css

@@ -2363 +2363 @@
 }
 
 #commentform input[type="text"] {
-        width: 270px;
+        width: 100%;
 }
 
 #commentform textarea {
@@ -2660 +2660 @@
         .site {
                 border: 0;
         }
+        #commentform input[type="text"] {
+                width: 50%;     
+        }
 }
 
 @media (max-width: 1069px) {
+        #commentform input[type="text"] {
+                width: 50%;     
+        }
+        
         .sidebar img.alignleft,
         .sidebar .wp-caption.alignleft {
                 margin-left: 0;
@@ -2732 +2739 @@
 }
 
 @media (max-width: 999px) {
+        #commentform input[type="text"] {
+                width: 70%;     
+        }
         .sidebar .entry-header,
         .sidebar .entry-content,
         .sidebar .entry-summary,
@@ -2831 +2841 @@
 
 /* Collapse oversized image and pulled images after iPad breakpoint. */
 @media (max-width: 767px) {
+        #commentform input[type="text"] {
+                width: 60%;     
+        }
+        
         img.alignleft,
         .wp-caption.alignleft {
                 margin-left: 0;
@@ -2857 +2871 @@
 }
 
 @media (max-width: 643px) {
+        #commentform input[type="text"] {
+                width: 60%;     
+        }
+        
         .site-title {
                 font-size: 30px;
         }
@@ -3034 +3052 @@
 
 /* Mobile devices */
 @media (max-width: 359px) {
+        #commentform input[type="text"] {
+                width: 100%;    
+        }
+
         .gallery {
                 margin-left: 0;
         }