Commit 44b72ed7 authored by Joel Collins's avatar Joel Collins
Browse files

Reformatted capture buttons

parent 69e97ba5

openflexure_microscope/api/static/main_v1.js

+5 −5
Original line number Diff line number Diff line
@@ -79,13 +79,13 @@ function updateCaptureList(response) { 
        html = `

        <div class="capture-thumb"><img src="${element_uri}/download?thumbnail=true"></div>

        <div class="capture-actions"> 

            <b>${element.filename}</b>

            <div class='capture-heading'>${element.filename}</div>

            <br>

            <button type="button" onclick="window.open('${element_uri}/download', '_blank');">View</button>

            <button type="button" onclick="window.open('${element_uri}/download?as_attachment=true');">Download</button>

            <button type="button" class="capture-button" onclick="window.open('${element_uri}/download', '_blank');">View</button>

            <button type="button" class="capture-button" onclick="window.open('${element_uri}/download?as_attachment=true');">Download</button>

            <br>

            <button type="button" onclick="window.open('${element_uri}/', '_blank');">JSON</button>

            <button type="button" onclick="deleteCapture('${element.id}');">Delete</button>

            <button type="button" class="capture-button" onclick="window.open('${element_uri}/', '_blank');">JSON</button>

            <button type="button" class="capture-button" onclick="deleteCapture('${element.id}');">Delete</button>

            <br>

        </div>

        `

openflexure_microscope/api/static/style_v1.css

+25 −20
Original line number Diff line number Diff line
@@ -28,18 +28,18 @@ body { 
}



.left{

    width: 250px;

    width: 220px;

    float: left;

}



.Right{

    width: 250px;

    width: 280px;

    float: right;

}



.middle {

  margin-left: 250px;

  margin-right: 250px;

  margin-left: 220px;

  margin-right: 280px;

  background-color: #d3d3d3;

}
@@ -50,24 +50,12 @@ body { 
    clear: both;

}



/* Columns within panels */



.left-col {

    float:left;

}

.right-col {

    float:right;

}

.clearfix::after {

    content: "";

    clear: both;

    display: table;

}



/* Flexboxes */

.flexbox {

    display: flex;

    margin-bottom: 5px;

}



.flexgrow {

    flex-grow: 1;

}
@@ -80,13 +68,22 @@ body { 
}



.capture {

    background-color: #d3d3d3;

    height: 75px;

    width: 260px;

    margin-bottom: 5px;

    background-color: #d3d3d3;

    display: flex;

}



.capture-thumb {

    width: 80px;

    height: 75px;

}



.capture-heading {

    font-weight: bold;

    margin: 5px 0 5px 0;

    display: inline-block;

}



.capture-actions {
@@ -97,5 +94,13 @@ body { 
}



.capture img {

    width: 80px;

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.capture-button {

    width: 75px;

    margin-bottom: 3px;

    height: 22px;

}
 
 No newline at end of file