The close x on all of my kendo windows is not correctly aligned with the title.
See screenshot of example and computed css at at https://imgur.com/a/unB1XOs
All of my css is loaded here:
<script src=
"~/lib/jquery/dist/jquery.js"
></script>
<script src=
"https://kendo.cdn.telerik.com/2020.1.406/js/jquery.min.js"
></script>
<script src=
"https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"
></script>
<script src=
"https://kendo.cdn.telerik.com/2020.1.406/js/kendo.aspnetmvc.min.js"
></script>
<link rel=
"stylesheet"
href=
"~/lib/bootstrap/dist/css/bootstrap.css"
/>
<link rel=
"stylesheet"
href=
"~/lib/sweetalert2/dist/sweetalert2.css"
/>
<link rel=
"stylesheet"
href=
"~/lib/toastr.js/toastr.min.css"
/>
<link rel=
"stylesheet"
href=
"~/lib/kendo-ui/css/web/kendo.common-bootstrap.min.css"
/>
<link rel=
"stylesheet"
href=
"~/lib/kendo-ui/css/web/kendo.bootstrap-v4.min.css"
/>
<link rel=
"stylesheet"
href=
"~/lib/kendo-ui/css/web/kendo.bootstrap.mobile.min.css"
/>
<link rel=
"stylesheet"
href=
"https://use.fontawesome.com/releases/v5.8.1/css/all.css"
integrity=
"sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf"
crossorigin=
"anonymous"
>
This is happening with all of my kendo windows, but one example of how i create the example:
@(Html.Kendo().Window()
.Name(
"FaqWindow"
)
.Actions(a => a.Close())
.Draggable(
true
)
.Visible(
false
)
.Title(
"FAQ"
)
.Modal(
true
)
.Resizable()
.Width(800)
.Height(600)
)