Updated feedback form to Polymer 1

rpg-docs/client/views/feedback/feedback.html

@@ -1,37 +1,43 @@
 <template name="feedback">
-	<div class="feedback" style="min-width: 300px; min-height: 370px">
-		<div>
-			<paper-input id="feedbackTitle" label="Title" floatinglabel></paper-input>
+	<div class="fit layout vertical">
+		<app-header-layout has-scrolling-region class="feedback flex">
+			<app-header fixed effects="waterfall">
+				<app-toolbar>
+				  <div main-title>Feedback</div>
+				</app-toolbar>
+			</app-header>
+			<div class="form flex">
+				<div>
+					<paper-input id="feedbackTitle" label="Title" floatinglabel required></paper-input>
+				</div>
+				<div>
+					<paper-dropdown-menu label="Type" class="typeMenu">
+						<paper-listbox class="dropdown-content"  selected="0">
+							<paper-item label="General Feedback"> General Feedback </paper-item>
+							<paper-item label="Bug">			  Bug              </paper-item>
+							<paper-item label="Suggested Change"> Suggested Change </paper-item>
+							<paper-item label="Feature Request">  Feature Request  </paper-item>
+						</paper-listbox>
+					</paper-dropdown-menu>
+				</div>
+				<div class="layout horizontal">
+					<div class="paper-font-caption">not important</div>
+					<paper-slider id="severity" class="flex" max=10 min=1 value=5 snap></paper-slider>
+					<div class="paper-font-caption">important</div>
+				</div>
+				<paper-textarea label="Description" id="feedbackDescription" required></paper-textarea>
+			</div>
+		</app-header-layout>
+		<div class="buttons layout horizontal end-justified">
+			<paper-button id="cancelButton"
+						  affirmative>
+				Cancel
+			</paper-button>
+			<paper-button id="sendButton"
+						  affirmative
+						  disabled={{invalid}}>
+				Send
+			</paper-button>
 		</div>
-		<div>
-			<paper-dropdown-menu class="typeDropdown" label="Operation" flex>
-				<paper-dropdown layered class="dropdown">
-					<core-menu class="menu typeMenu" selected="general">
-						<paper-item name="general">General Feedback</paper-item>
-						<paper-item name="bug">Bug</paper-item>
-						<paper-item name="change">Suggested Change</paper-item>
-						<paper-item name="feature">Feature Request</paper-item>
-					</core-menu>
-				</paper-dropdown>
-			</paper-dropdown-menu>
-		</div>
-		<div layout horizontal center>
-			<div>Importance</div>
-			<paper-slider id="severity" max=10 min=1 value=5 snap></paper-slider>
-		</div>
-		<paper-input-decorator label="Description" floatinglabel layout vertical>
-			<paper-autogrow-textarea rows=10 maxRows=10>
-				<textarea id="feedbackDescription"></textarea>
-			</paper-autogrow-textarea>
-		</paper-input-decorator>
 	</div>
-	<paper-button id="cancelButton"
-				  affirmative>
-		Cancel
-	</paper-button>
-	<paper-button id="sendButton"
-				  affirmative
-				  disabled={{invalid}}>
-		Send
-	</paper-button>
-</template>
+</template>