fix: add padding around main form, via wrapper css
This commit is contained in:
		
							parent
							
								
									bdc57abd5a
								
							
						
					
					
						commit
						cadd63e3e8
					
				
					 2 changed files with 10 additions and 4 deletions
				
			
		| 
						 | 
				
			
			@ -151,6 +151,12 @@
 | 
			
		|||
        white-space: nowrap;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    .wutta-form-wrapper {
 | 
			
		||||
        margin-left: 5rem;
 | 
			
		||||
        margin-top: 2rem;
 | 
			
		||||
        width: 50%;
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
  </style>
 | 
			
		||||
</%def>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -2,11 +2,11 @@
 | 
			
		|||
<%inherit file="/page.mako" />
 | 
			
		||||
 | 
			
		||||
<%def name="page_content()">
 | 
			
		||||
  <div style="margin-top: 2rem; width: 50%;">
 | 
			
		||||
    % if form is not Undefined:
 | 
			
		||||
  % if form is not Undefined:
 | 
			
		||||
      <div class="wutta-form-wrapper">
 | 
			
		||||
        ${form.render_vue_tag()}
 | 
			
		||||
    % endif
 | 
			
		||||
  </div>
 | 
			
		||||
      </div>
 | 
			
		||||
  % endif
 | 
			
		||||
</%def>
 | 
			
		||||
 | 
			
		||||
<%def name="render_vue_templates()">
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue