cancer_predict/modules/cancerpredict/cancer_predict_index.html.erb

<script type="text/javascript" src="/assets/jquery.smartmenus.min.js"></script>
<script type="text/javascript" src="/assets/jquery.smartmenus.bootstrap.min.js"></script>
<script type="text/javascript" src="/assets/cancer_predict.js"></script>
{{table}}
<style>
	.cencer_table_name{
		display: inline-block;
		vertical-align: middle;
		width: 6.25em;
	}
	.cancer_table_btn{
	    margin-right: 0.5em;
	}
	.cancer_table_btn:last-child{
		margin-right:auto;
	}
	#cancer_table{
		font-size:0.825em;
	}
	input.num_only{
		color: black;
		border-top: 0.125em solid rgb(221, 221, 221);
		width: 4.125em;
		padding: 0em 0em 0.25em;
		border-left: 0.125em solid rgb(221, 221, 221);
		text-align: center;
		font-size: 0.875em;
		background-color: rgb(255, 255, 255);
		height: 2.25em;
	}
	#cancer_table_left{
		float:left;
		width:50%;
	}
	#cancer_table_right{
		float:right;
		width:50%;
	}
	#cancer_table_submit{
	    margin-left: 1em;
		float: right;
		background-color: rgb(210, 105, 0);
		color: white;
		border: 0em;
		padding: 0.125em 0.5em;
		border-radius: 0.5em;
	}
	#cancer_table_reset{
	    float: right;
		background-color: rgb(210, 105, 0);
		color: white;
		border: 0em;
		padding: 0.125em 0.5em;
		border-radius: 0.5em;
	}
</style>